I’m trying to make a print stylesheet that will change the background color of a div on a drupal page. But when I’m printing, it doesn’t change the background color (Yes, my browser does print background colors). The relevant part of my CSS looks like this:
@media print {
#footer-wrapper {background: #fff;}
}
I have tried both with and without the @media print block and I tried both background and background-color but none of this changes the color when printing. I also tried to hide the div (because I just don’t want it to show in the print). When I change the css of the regular page, it disappears there, but still shows up in the print.
The reason I want to do this is when I try to print, the footer will try to occupy 100% of the printed page.
Apparently, the css file that set the colors was protected in some way. It would make this css file always have priority. I changed the color to white in the Drupal UI, and that works perfectly.