[Solved] Remove padding between sections using section id

[chules+ 4]

All,

One of the issues I encounter most often with Platform 5 is the amount of padding by default between sections.  Using the Page Editor feature does not have the ability to remove this excess padding and I believe I need to remove it using some time of section id otherwise it will impact the entire site.

For example I'm working on a website at http://www.northbuildingco.com and as you can see on this home page I'm using the boxes section above the Pagelines Framework Content and I have too much space between the bottom of the boxes section and the top of the content section.

Using Chromes Dev tools inspection I can change the following code and decrease the top padding.  However doing this not only impacts this home page but every other page.

.pl-content-layout {
    padding-top: 3em;
    padding-bottom: 3em;
}

I'm trying to find out how to possibly find and include the section Id's to add to this code so I change this padding on only the home page.  Using inspection I do see the following, section id="static-content_u4423848.  Would this be the section for the framework content section?  If so how would I add it to the above code so I only remove the padding for this home page content section.

Any advice is greatly appreciated - chules

[Aires 265]

Hi,

You can use the section id along with the css to get the desired effect

section#static-content_u4423848 .pl-content-layout {
    padding-top: 0em;
    padding-bottom: 0em;
}

give this a try

[chules+ 4]

Aires,

Thank you for the response and it worked great.  I've been spending much time working with Chrome Developers Tool and now that I understand how to find and work with section id's it's a big help.

Thank you for your assistance - chules