Css style report printing in CHT

[cliff]

Hello @diana

i have made a simple less file called print.less

@media print {
    .extras {
      display: none;  
   }
}

to mainly not display the extras in the header component while printing ,how is the styling in the less files applied to a particular component ?, becasue when i d the printing the browser the extras element sill appears

[diana]

I think the simplest would be to change your stylesheet to apply all the time, not just when printing, and debug the styles by using chrome dev tools. After you’ve debugged all issues, you can set it back to only apply to print.

[cliff]

thanks @diana ,makes sense