Jump to content

Archived

This topic is now archived and is closed to further replies.

eopian

Need help removing space in header

Recommended Posts

eopian    1
eopian

Please help me remove the space in my header. I'm trying to remove the vertical gap between the logo & text in the header and the menu bar. 

 

I have isolated this code using the 'inspect element' feature in Chrome:

 

media="all"
 
body .pl-area .pl-section .pl-section > .pl-section-pad {
  1. padding8px;
  2. margin-bottom1em;
}

 

 

Changing the padding to 0px and the bottom margin to 0em works in the chrome editor, but when I transfer it to the custom code box in pagelines nothing happens. 

 

My site is http://test.janetdaviscleaners.com

 

Thank you!!!!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

You can try the following code:

 

#mediaboxjkwd58 .section-mediabox .pl-section-pad {
margin-bottom: 0;
padding-bottom: 0;
}
 
#plcolumnf4eff3 .section-textbox .pl-section-pad {
margin-bottom: 0;
padding-bottom: 0;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
eopian    1
eopian

Thank you for the suggestion. Unfortunately it didn't seem to work.

 

I pasted in the custom code section, refreshed pagelines, published, then refreshed page, then I checked it an incognito window in chrome. 

 

I also tried several variants of what you gave me and nothing seemed to work. 

Share this post


Link to post
Share on other sites
Jake    74
Jake

Hi eopian - Have you tried going back to you original code and adding an important declaration like the following:

 

margin-bottom: {0 !important;}


Have you searched the forums yet or checked out the DMS user docs?

PageLines geek, blogging at MyUntangledLife.com

Share this post


Link to post
Share on other sites
eopian    1
eopian

Thank you for the suggestion. I just tried it and it didn't work either. The problem seems to be the mediabox.

Share this post


Link to post
Share on other sites
eopian    1
eopian

This finally fixed it. I'm a bit of a css newb. I hope this doesn't break something else.

 

Thank you all for steering me in the right direction!

 

#mediaboxjkwd58.pl-section.span12.offset0.section-mediabox {
max-height: 68px;
}
 
#plcolumnf4eff3 .section-textbox .pl-section-pad {
margin-bottom: 0;
padding-bottom: 0;
}
  • Like 1

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Thanks fo r letting us know you got it sorted and how. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

×