Hi,
Is there a way to change the line height of text blocks in a specific grid row?
Specifically the section on my website with the 5 rows on my website.
Hey radnerreyes,
Please add a custom developer ID to the grid element or enable custom CSS class name from Enfold > Layout Builder > Developer Options
Give the grid element a custom ID or a class name and use the below CSS format.
#top #custom-ID p {
line-height: 0.05em !important;
}
or
#top .custom-class p {
line-height: 0.05em !important;
}
Best regards,
Vinay
Hi Vinay,
Thank you, I used the custom ID option and it worked.
What about for bullet points? I noticed the list/bullet points didn’t adjust even though it is in the same developer ID. What code can I add in the CSS to adjust those?
Hi radnerreyes,
https://cl.ly/174763683a93 Are you referring to these?
Can you disable caching and minification for now?
Best regards,
Victoria
Hi Victoria,
Yes, I am referring to those.
I’m not familiar with caching and minification but I think my plugin Autoptimize does that. I have disabled the plugin for now.
What would the next step be?
Hi radnerreyes,
Thank you.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#custom-panels .av_textblock_section li {
line-height: 20px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Thank you very much – it worked with just putting it in the Quick CSS.
Much appreciated!
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
I think we can close it – thank you!