Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1076829

    Hey all,

    I use two grid rows on top of each another. Now I want to create a 20px white space to visually divide the two rows.
    When I place a Separator/Whitespace with a set high of 20px between the two grids and update the page there is a large gap between the grids (way larger than 20px).
    I´ve reduced the height of the whitespace to 1px but the gap remains unchanged. I´ve also tried to use a color section with adjusted padding – same result.

    Is there a fix to the issue? Maybe some css?

    Cheers
    Restube

    #1078091

    Hey restube,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-337 #after_submenu_1 > .container > .content {
    padding: 10px 0 !important;
    }

    This section has a top & bottom padding, so to make it 20px high we will split the padding in half.

    Best regards,
    Mike

    #1078630

    Thanks Mike, works perfectly!

    #1078691

    Hi,
    Glad to hear, I assume we can close this now, but I like to ask first. Shall we close this then?

    Best regards,
    Mike

    #1084560

    Hey Mike,

    it appears that the solution only works for the gap between the first two grid sections.
    I`ve added a third one below the second and the gap is really big again.

    How can I have it the same as with the first gap?

    Cheers

    #1084571

    Hi,
    Yes the css is very targeted, for your new section also use this css:

    #top.page-id-337 #after_submenu_2 > .container > .content {
    padding: 10px 0 !important;
    }

    Then please clear your browser cache and check.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.