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
– mpsbhat, Commented Jul 31, 2016 at 10:29

Luca Jung · Accepted Answer · 2016-07-31 10:47:47Z

1

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).

answered Jul 31, 2016 at 10:47

Luca Jung

1,45011 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Printing html content with CSS from remote stylesheet

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related