Hi Guys – Could you take a quick look at the 90 second video in the private area? Need some help with modifying the HTML of an Enfold template.
Hi stunna42!
An easy way to hide stuff from printing is to add this to your custom CSS.
@media print {
.tabcontainer { display: none !important; }
.flex_column { display: none !important; }
etc etc
}
We already include some print styles to make the tabs and toggles expand for printing, etc etc, but you can add that to the Quick CSS field or wherever you need. You can find our existing print styles in /enfold/css/print.css.
This would be a lot easier than hunting through the files to add extra classes to all of the elements you want to hide.
Regards,
Elliott
Hi!
Sorry for the delay. I’m not sure if this is going to work but you can add custom css class on every element inside the advance layout builder except for column layouts. Refer to this link: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Maybe you can add the “print-no” class attribute for those elements that you don’t want to be included. There will be certain elements that you want will want to change or to modify so a basic knowledge of google inspector or firebug plugin will help a lot. Of course, it’s much easier if you hire a freelance developer to modify the print style of the page. You can contact our partner codeable here: http://kriesi.at/contact/customization
Best regards,
Ismael
Thanks so much much Ismael. I’ll try codeable.