-
Posts
-
I’ve included a page in Private Content that shows that the code block element needs a wider margin or padding between it and the text block containing the H2 heading.
Can you assist please?
Hey John,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.page-id-4128 #after_section_1 { padding-top: 50px; }adjust to suit.
Best regards,
MikeThat doesn’t seem to work.
I cleared the caches, tried adding !important, tried adding it to the Theme File Editor as well as the Quick CSS.Hi,
The ID “#after_section_1” is now missing, perhaps you updated the page? So I added the ID “#add_50_px_pading” to the element:
and this css:.page-id-4128 #add_50_px_pading { padding-top: 50px; }Now it is working, please clear your browser cache and check.
Best regards,
MikeThanks Mike. Is there a more generic way to solve this issue in future when I have a code block followed by a text block?
Hi,
You can try this css code to adjust the top spacing of any text block element next to a code block.
.avia_codeblock_section + .av_textblock_section { padding-top: 50px; }Best regards,
IsmaelI entered that CSS in Quick CSS, purged the WP caches, cleared the browser caches, created a new page fo testing but it isn’t working for me.
The Page is in the Private Content block.
Hi,
The code will only work if the Text Block is placed directly next to or below the Code Block element. (screenshot S1)
It should work on the previous page. (screenshot S2)
Best regards,
IsmaelAre those screenshots that you just posted publicly visible? If so, I’d appreciate it if you could remove them please Ismael.
Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Padding between a code block and text block’ is closed to new replies.