Jump to content

Spacing Adjustments Between Elements

Recommended Posts

vmac    1


How do I adjust the spacing between the header and the top of the content area? I would also like to adjust spacing in other places too.

Note I have no knowledge of coding so pleas make your explanation very clear and specific, i.e. exactly where do I find the place to make the change?

Here's the url:



I want to move the header up towards the top of the cream-colored box, so other elements on the page will also be higher.


Thank you for your help!




Share this post

Link to post
Share on other sites
Rob    547

You adjust the CSS of elements using tools such as Firebug for Firefox or the inspection tools available in most browsers.


In your site, two factors appear to be affecting the spacing:

1.  Custom code.  I found this:

body.fixed_width .section-branding .content-pad {
    padding: 25px;

Which applies 25px padding around each side. 


You can replace it with this to adjust the bottom:

body.fixed_width .section-branding .content-pad {
    padding: 25px 25px 0;

2. The other factor is that your header image contains quite a bit of empty space top and bottom. The graphics push the image down, then the CSS was adding 25px around it on all sides.

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites
vmac    1

Thank you for the quick response. When you say you found this custom coding, where did you find it? i.e. Where do I find it to replace it?


I thought the graphic was filling the box... I'll check it, thank you!

Share this post

Link to post
Share on other sites
James B    436
James B

You enter custom code in Pagelines>Site options>custom code.


Rob found the current coding you have on your site using firebug which is a web inspection tool :-)

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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

  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      we have noticed that the Elements section is displaying incorrectly under IE11 on Windows 10. See xiting.us. The 3 sections above the footer are Elements sections and they have way too much spacing.
      Is this a known issue?
    • JP
      By JP+
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      site of one of the class (pilates)
      site with calendar :
      7 side with one event from the calendar :
      when I have my site on DMS2 it was working :-(
    • Barnaby Skinner
      By Barnaby Skinner+
      Hey team,
      Really simple question: where would I add code to a specific page header? I can see in the settings I can add code to the global header, but can't see how to do it for a single specific page. It's related to facebook pixel tracking