Hi all,
As a happy Enfold user I have created a page that contains tables with product information. However I want the tables to be smaller in size, i.e. decrease the padding, font size and table width.
For font size I found a solution on this forum, it told me to add the following to the Quick CSS or to the style.css of the Child theme. I have tried both (Quick CSS through and Enfold Child > General styling and in Style.css through Appearance > Editor) but font size in the tables still remains the same.
.avia_pricing_minimal td,
.avia_pricing_minimal th {
font-size: 10px;
}
What am I doing wrong?
And what additional code can I use to change the cell padding and table width?
What if I want different properties for the default pricing table and/or tabular data tables?
Any help would be highly appreciated.
Thanks,
Tim
Hey Tim,
You can use Custom Css Class in order to use different properties on different tables.
You can check it in our documentation: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#custom-css
Hope this helps.
Best regards,
Nikko