Sign in
Log inSign up
Working with print CSS

Working with print CSS

Bala Sivagnanam's photo
Bala Sivagnanam
·Jan 27, 2016

I have a html page with css style, but when I try to print it all the text and icons get to black color, not sure how to make it to original color for printing. I tried to enable print background color and images as well. Images are shown with colors, problem is with text and icons.

Tried to do override at print css as well,

    @media print{
  #gic1-l-body .circle-header{
    border: none!important;
  }

  #gic1-l-body .section-title {
      color: #00B0D2;
      -webkit-print-color-adjust: exact;
  }

  #gic1-l-body .page-action i {
      color: #26C0DD !important;
      -webkit-print-color-adjust: exact;
  }

  #gic1-l-body{
    -webkit-print-color-adjust: exact;
  }
}

Update

Still not sure what is happening, the same browser and computer is able to preview other web sites with colors, but not just this one.

Hassle-free blogging platform that developers and teams love.
  • Docs by Hashnode
    New
  • Blogs
  • AI Markdown Editor
  • GraphQL APIs
  • Open source Starter-kit

© Hashnode 2024 — LinearBytes Inc.

Privacy PolicyTermsCode of Conduct