Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 21, 2025 at 2:22 am #1485739
    mediaapps

    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?

    June 21, 2025 at 1:17 pm #1485753
    Mike

    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,
    Mike

    June 22, 2025 at 4:19 am #1485764
    mediaapps

    That 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.

    June 22, 2025 at 2:05 pm #1485773
    Mike

    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:
    Screen Shot 2025 06 22 at 7.43.40 AM
    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,
    Mike

    June 23, 2025 at 11:19 pm #1485815
    mediaapps

    Thanks Mike. Is there a more generic way to solve this issue in future when I have a code block followed by a text block?

    June 24, 2025 at 6:30 am #1485819
    Ismael

    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,
    Ismael

    June 25, 2025 at 5:02 am #1485866
    mediaapps

    I 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.

    June 25, 2025 at 7:29 am #1485876
    Ismael

    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,
    Ismael

    June 26, 2025 at 3:20 am #1485919
    mediaapps

    Are those screenshots that you just posted publicly visible? If so, I’d appreciate it if you could remove them please Ismael.

    June 26, 2025 at 6:57 am #1485920
    Ismael

    Hi,

    We moved the screenshots in the private field.

    Best regards,
    Ismael

    June 28, 2025 at 8:19 am #1486065
    mediaapps

    All good. Thank you.

    June 28, 2025 at 12:04 pm #1486071
    Mike

    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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Padding between a code block and text block’ is closed to new replies.