Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 4, 2025 at 6:23 am #1476283
    xfacta

    Hi there

    How can I reduce the gap between Icon list and the text block above it?

    Also how can I reduce the gap under a colour section and the text block under it?

    Cheers
    Natasha

    February 4, 2025 at 8:06 pm #1476343
    Rikard

    Hey xfacta,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-icon-list-container {
  margin: 10px 0 30px 0;
}

    Best regards,
    Rikard

    February 4, 2025 at 11:18 pm #1476364
    xfacta

    Awesome thank you – that fixed the icon box one :-)

    how can I reduce the gap under a colour section and the text block under it?

    February 5, 2025 at 12:23 am #1476367
    xfacta

    Actually – how can I reduce the gap under a colour section and Special heading block or a text block under it?

    And also Ive just added a colour section and am getting a massive white gap showing on a large monitor/screen (27″). As soon as I shrink the screen down it displays as it should (no massive white gap) I cant figure out whats causing that. Ive attached a screenshot and the website.

    • This reply was modified 10 hours, 45 minutes ago by xfacta.
    February 5, 2025 at 10:34 am #1476402
    Rikard

    Hi,

    This CSS is causing that to happen:

    @media only screen and (min-width: 1600px) {
  #main .content {
    min-height: 1000px;
  }
}

    Did you add that in Quick CSS maybe? We can’t see where it’s coming from exactly, since the styling is served via a caching plugin.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.