Printing html content with CSS from remote stylesheet

Question

Here is a nice trick by Mr. Bennett McElwee to print html content using css visibility attribute in @media print. But what if the content is styled using remote css files as in this example.

<div class="text-primary">
  Test Tesing Testing
  </div>

where text-primary class applied from remote bootstrap.css file.

text-primary class should make the font color to blue. But in print it is black only — mpsbhat, Jul 31 '16 at 10:29

score 1 · Accepted Answer · answered Jul 31 '16 at 10:47

You have to override the Bootstrap @media print { }

@media print{
    .text-primary{
        color: #337ab7 !important;
    }
}

The problem is, that this are the Bootstrap specifications.
The second method is to remove the line from the bootstrap CSS file. (But I think that this is not possible because it is a remote file as you said).

Printing html content with CSS from remote stylesheet

1 Answers1