1
Good Morning, I have an icon on the red HTML page:
<i class="fa fa-circle fa-2x text-danger"></i>
When I have it printed, it turns black and white. There is a way to change this with @media print ?
1
Good Morning, I have an icon on the red HTML page:
<i class="fa fa-circle fa-2x text-danger"></i>
When I have it printed, it turns black and white. There is a way to change this with @media print ?
0
Try to define a style for him inside the
@media print {
}
As I mentioned in the question, I imagine it’s in @media print{}. But wouldn’t you have an example of how to do it? Or a way that doesn’t have to be applied to media print?
To let the staff know the answer I will post here the solution: @media print { . text-Danger:before{ color: #fff; /* Just an example of color. You can put the same color as Danger*/ } } This way it is correct, because in case it does not contain 'Before' it will not work.
Browser other questions tagged html impression single-restriction
You are not signed in. Login or sign up in order to post.
You are using something that creates the classes
fa
-something. Where they come from?– Guilherme Bernal
I didn’t understand your question.. is HTML and what is inserted is this code I quoted above. It generates a Red Circle and when printing becomes black and white
– Rodrigo Segatto
These four classes
fa fa-circle fa-2x text-danger
are coming from a CSS file, some library. Which?– Guilherme Bernal
It’s from a purchased template. It uses awsome font icons, which are internally in the archives.
– Rodrigo Segatto
It is almost certain that this template leaves it in black and white intentionally when printing. So it needs to be somehow modified and the first step is to find and understand the snippet of css that makes it black and white when printing. Without that source you can’t answer.
– Guilherme Bernal