Padding gaps above and below Sections position

bowlschat

I have modules in the Sections position on the Home Page and have removed padding at the top and bottom in custom.css, but a small white gap still remains between the Slideshow and Sections and Sections and Footer, could you let me know how to remove the gaps please?

Note - The Slideshow position has one image and will not have any more or be used as a moving Slideshow

pavit

Hi bowlschat

You can change padding editing this code in custom.css file

.acm-cta.style-1.bg-image {
  padding-bottom: 96px;
  padding-top: 96px;
}

Try to change px values and add the !important tag at the end

i.e.

.acm-cta.style-1.bg-image {
  padding-bottom: 16px!important;
  padding-top: 16px!important;
}

Hope it helps

bowlschat

Thank you Pavit, I did try that, but all 13 modules in the Sections position have the same background image and 96px keeps it at a smooth continuous full bg image scroll and even at 0px!important the gap is still there.

The custom codes i have used before the ticket are:

.t3-mainbody {
    padding-top: 0px;
    padding-bottom: 0px;
}
.t3-content {
    padding-top: 0px;
    padding-bottom: 0px;
}
.t3-sidebar {
    padding-top: 0px;
    padding-bottom: 0px;
}

The seems to be a 1 or 2px gap above the first Sections module and below the last Sections module in the group of 13, but i could not see anything else that could remove it.

pavit

Hi bowlschat

If you are referring to the white border as showed in img below then it is the navhelper block

You can hide it in custom.css

.t3-navhelper {
display:none!important;
}

The same at footer is the mainbody block

you can hide it adding to custom.css

.t3-mainbody {
display:none!important;
}

If you want to keep both indeed you can create a custom class and use it in menu item page class

e.g.


.home.t3-navhelper {
display:none;
}

.home.t3.mainbody {
display:nnoe;
}

Then add the class home at your home menu item in page class tab

Hope it helps

bowlschat

Perfect Pavit, thank you!