I set the font size for main content 20Px, but the table content in the text block is much smaller. I try to set the font size in the styling section, but it doesn’t work.
And how to set the font size and image margin and padding for this portfolio grid https://www.zhlabfurniture.com/products/
Hey Alison,
Thank you for the inquiry.
Did you add this css code somewhere?
td {
font-size: 13px;
padding: 9px 12px;
border-style: solid;
border-width: 1px;
border-left: none;
border-top: none;
}
It sets the font size of the table content to 13px. To override, it you can add the following code in the Quick CSS field.
td {
font-size: 1.2em;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.
Best regards,
Ismael
Hi ,it worked!
But when I view the form in mobile, the form cannot be viewed completely, nor can it be displayed by swiping left and right.
And I was wondering to to change the border color to black for the specification table. https://www.zhlabfurniture.com/product/steel-lab-table/
now the border color is so light.
Hi,
Looks like you’ve placed the table inside a text block. To make the table scroll on smaller screens, please add this css code.
.avia_textblock {
overflow: scroll;
}
Have you tried using the Table element in the builder?
Best regards,
Ismael
Hi,
I tried the Table element, but I cant not merge two cells into one. And another problem is ,how to change the table border color. Now it’s white, too light, I want to change to blue. And I also want the heading row to be bold and change the font color.
Pls.