• 0

Spacing Between Header And Template

Question

Posted (edited) · Report post

There is spacing between the header and template and footer and template.  How do you make the header, template, and footer all look like they are in one div wapper?   I wanted to put a background image that starts at the header and ends in the footer..  This is different than the body background.

Edited by compassl

Share this post


Link to post
Share on other sites

12 answers to this question

  • 0

Posted · Report post

Can you provide a link that we may see the condition?

Share this post


Link to post
Share on other sites
  • 0

Posted (edited) · Report post

When you install dms there are three areas to drag and drop sections - The header , The Template, and The Footer.  Each of these areas is seperated by spacing.  If you put a menu in the header it does not butt up agains the template.  Im just saying it would be nice to have a layout where these three sections are in one wrapper so they are all touching.  I can see my body background image in between the three sections.    I tried leaving the header and footer empty and then putting a logo and menu at the top of the template area so there was not separation, but the configurations dont save in the template so each new page requires me to go back in and confirgure the menu again.

Edited by compassl

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you provide a link as I am not sure what your issue is. If I add a background to the header, template and footer template areas, each background color is touching one another.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

http://clippertreeservice.com

As you can see, there is spacing between the header and template, and footer and template.  I need that padding gone for the site to look right.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

studioc5 - That website isn't using a PageLines Product, therefore we are unable to provide support.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

studioc5 - That website isn't using a PageLines Product, therefore we are unable to provide support.

Sorry,  Its here, clippertreeservice.com/newsite

Share this post


Link to post
Share on other sites
  • 0

Posted (edited) · Report post

Ok, I found that if you click edit on the section there is a padding option Set Area Padding.   So this answered my question.  But I think there is a bug, Since the section inside the template area has local options only and not global, you have to edit the padding for every new page you create. 

The padding is an inline style so if you want to overwrite it you must use

.pl-area-wrap {
    padding: 0 !important;
}

Edited by studioc5

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

This is related to you having no background color, its currently trasnparent and then you have added an image to your pl-content area. If you want to have no gaps use the .boxed-wrap class instead of pl-content.

 

For example - http://d.pr/i/t7lp

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

When I use .boxed-wrap it covers the entire background.  Not just the inner content.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

That's normal.  One is the overall background and another is the content area background  Ultimately you can create background color or image behind the more global area, and other in the local area. image.  You'll end up with the effect desired.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Im going to say that this is unresolved. Sorry Rob but I dont understand anything in your last post. 

What is the class to target to put a background in the content area ? .boxed-wrap is the main warpper so this is not what I need.

.pl-content worked for me to put a background behind the content but I was told that was wrong...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi studioc5 - Let's try and get this sorted out. If I look at your original post I think I understand at least one of your desired results is to remove the gap the header. Can you try

 

#header, body .pl-area .pl-section {margin: 0px;}

 

and let us know how that goes?

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