Jump to content


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


How to reduce padding above & below header logo?

Recommended Posts

redstate    0

How do I reduce the padding/white space above & below the logo on the header of my website by about half of what it is currently? Please see rockwallrocks.com.


I'm using a Media Box and clicked on Remove Media Box Padding but the padding is still the same.



Share this post

Link to post
Share on other sites
batman    389

Hi redstate

Please, you can try to add in

Custom > Custom CSS/LESS

or in 

Child theme


.pl-area-wrap {
padding-top: 0px;
padding-bottom: 0px;
Perhaps you need to create a Styling Classes only for this area, you take a look to this 
Something like
.my-padding-area {
padding-top: 0px;
padding-bottom: 0px;
and then
my-padding-area in the Styling Classes

Life is too short to remove USB safely ...

Share this post

Link to post
Share on other sites
redstate    0

Thanks but neither of these suggestions helped at all. What if I used Branding DMS? Can I reduce the padding with it any better?

Share this post

Link to post
Share on other sites
Danny    1,327

Add the following to your custom CSS:


#mediaboxugu0oes .pl-section-pad {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
/* This can also be achieved, by settings the padding-top/bottom
 * to zero on the header template area via the Canvas settings.
#pl_areaubfdb3 .pl-area-wrap {
  padding: 0 !important;


Please search our forums, before posting!

Share this post

Link to post
Share on other sites
redstate    0

Well there's still a bit too much white space above and below the logo but guess I can live with it. Thank you.

Share this post

Link to post
Share on other sites

  • 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!
    • 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
    • Lisa Haran
      By Lisa Haran+
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date