Hi,
I’m trying to translate my website but my custom css is not showing on the translated pages.
The theme support (Woondershop by ProteusThemes) told me to create generic/page level classes/id’s to fix this. Dynamic classes/id’s change and the custom css will not be applied on the translated pages.
How can I change for example ‘#pgc-2707-0-0’ into something not dynamic?
I tried changing row id, class, cell, but none of them are targeting the same as ‘#pgc-2707-0-0’.
Cheers!
Hi Mithras
Thanks for reaching out.
With regards to page-level classes, please, see the following post Post: Unique Page Styling with Custom CSS Body Classes. There is also a quick guide to row and widget level classes here Post: A Custom CSS Guide to Page Builder Row, Cell & Widget Attributes.
If you’ve added a row class then you could target:
.my-custom-row-class .panel-grid-cell