Hi am using a grid row with images and then text underneath. I would like to create more padding around the text boxes. I did a search and tried to insert custom css as suggested but it doesn’t seem to be working. Any suggestions on what I am doing wrong?
Hey Cally,
Thank you for the inquiry.
You can use this css code to adjust the padding around the text blocks inside the cells.
.flex_cell.av-le7oagws-d0ed8dd04dc3eb28ece0f70deac15657 .av_textblock_section, .flex_cell.av-le7oaaie-a7a343d4d655db76f4ae4114665fb214 .av_textblock_section {
padding: 50px;
padding-top: 20px;
}
Best regards,
Ismael
Hi Ismael
I posted this in the cell or the textbox custom css boxes and it didn’t seem to work?
Hi,
Thanks for the feedback, you would put this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field, not in the custom class field.
But the above css is using the default element classes, I recommend adding a custom class to the text element custom class field, such as more-padding and then use this css:
.flex_cell .more-padding {
padding: 50px;
padding-top: 20px;
}
then you can use it in multiple text elements on multiple pages.
Best regards,
Mike
Hi Mike
Im not sure what you mean when you say – “adding a custom class to the text element custom class field” – am I adding this css or it sounded like you were saying I should add the above css to the general styling quick css and then add something different to the text element custom class field?
Sorry non techy here trying to learn my way!