How can I preserve my colors when printing when using Bootstrap (which resets them to #000)

Asked Sep 30 '14 at 08:51

Active Sep 30 '14 at 08:51

Viewed 441 times

how can I preserve my colors when printing (to pdf in my case) when using bootstrap?

Bootstrap is using

@media print {  
   * {    
     color: #000 !important; 
   }
}

Is there anything I can put AFTER this in my css that would return the color behavior to normal?

I tried

@media print {
  * {
    color: inherit !important;
  }
}

and

@media print {
  * {
    color: auto !important;
  }
}

Without success.

asked Sep 30 '14 at 08:51

pixelearth

1

i don't suppose deleting the bootstrap definition for print is possible/removing **!important** from bootstrap definition? – jbutler483 Sep 30 '14 at 08:53
I could remove it, and that seems to be the only way I can think. But I'd rather not do this so I can easily stay up to date with bootstrap releases. – pixelearth Sep 30 '14 at 08:58
Just came across this: http://stackoverflow.com/questions/11178673/how-to-override-important I think it pretty much says 'the last important wins' and/or 'place css inline' – jbutler483 Sep 30 '14 at 09:05
Does your CSS come AFTER the Bootstrap CSS? If so, then `color: inherit` should work. – DavidG Sep 30 '14 at 09:08
Yes the css IS after bootstrap – pixelearth Sep 30 '14 at 16:30
@pixelearth: Did you found solution to this? – Somnath Muluk Jul 09 '16 at 11:29

0 Answers0