Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1476283

    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

    #1476343

    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

    #1476364

    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?

    #1476367

    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 1 week, 3 days ago by xfacta.
    #1476402

    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

    #1476466

    Ah ok yes that is old – I have removed this and now the big gap is gone.

    But I still would like to reduce the gap under a colour section and Special heading block or a text block under it?

    #1476524

    Hi,

    Please try this CSS as well:

    .content {
      padding-top: 0;
    }

    Best regards,
    Rikard

    #1476558

    Awesome thank you :-)

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Reduce gap between Icon list and text block’ is closed to new replies.