Jump to content
Sign in to follow this  
chules

[Solved] Remove padding between sections using section id

Recommended Posts

chules

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

Share this post


Link to post
Share on other sites
Aires

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


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
chules

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

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×