• 0

DMS 2 header padding and margins


Question

Posted · Report post

Hello, I can't seem to find where I have all the extra padding and margins in the header area? I need everything at zero. Thanks! http://buff.ly/1rIIDjg

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

Hi,

 

Your Header canvas settings have twenty pixels for both padding top and bottom. If you remove this it will resolve your issue.

 

You will also want to add this to your custom CSS, which will remove all padding and margin bottom from the TextBox section you have used in your header.

 

#textboxueyfn7b .pl-section-pad {
  padding: 0;
  margin-bottom: 0;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi I tried to change all of that in the CSS but it is still doing it. Do you think my custom css page is working? Thanks

 

.page-header {
    border-bottom-color: #dddddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding-bottom: 5px;
}

element.style {
    padding-bottom: 5px;
    padding-top: 5px;
}

.pl-area-wrap {
  padding-top: 5px;
  padding-bottom: 5px;

  body.display-boxed .boxed-wrap .pl-area-wrap > .pl-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-botom: 0px;
    padding-top: 0px;
}

  body .pl-area .pl-section .pl-section > .pl-section-pad {
    margin-bottom: 1em;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
}
 
#textboxueyfn7b .pl-section-pad {
  padding: 0;
  margin-bottom: 0;
}
 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

If you're having issues with CSS not working then you will want to remove all your custom CSS and see if this resolves your issue. As you likely have errors, also in your custom CSS you can remove the following as it isn't really doing anything.

 

element.style {
    padding-bottom: 5px;
    padding-top: 5px;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny this isn't helping. You mentioned header canvas but did not give me the coding. I do not see anything that says header canvas. Where is it and how do I remove the 20 px around it. It is very frustrating having the padding around the header. I need to get this answered soon as I have been down for 3 days trying to figure out this issue. I can't see how my custom css has an error as it was just copied from the CSS anyways I need to know where it is to get rid of the 20x padding all a way around Thanks! That is the coding I am missing. Thanks!!!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You do not need to use custom CSS to adding or remove padding, which is coming from the canvas area. When the DMS editor is loaded, go to the Header sections settings and from there select zero for both top and bottom padding.

 

https://cloudup.com/caz1y19WpHB

 

Also, half the custom CSS you have isn't really useful and you want to be more specific as it will be used on nearly every element. So you will want to remove the following:

 

element.style {
    padding-bottom: 5px;
    padding-top: 5px;
}
 
.pl-area-wrap {
  padding-top: 5px;
  padding-bottom: 5px;
 
  body.display-boxed .boxed-wrap .pl-area-wrap > .pl-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-botom: 0px;
    padding-top: 0px;
}
 
  body .pl-area .pl-section .pl-section > .pl-section-pad {
    margin-bottom: 1em;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
}
 
Especially the element {...} CSS as that isn't actually doing anything. When you add CSS in Chrome which is under the element tag, all that means is that this is inline styling for that element. Copying and pasting that into your custom CSS will not doing anything, so remove it.
 
Also, please be aware that we do not provide extensive customization support.

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