• 0

Reducing white space at top and bottom of Hero Module


Question

Posted · Report post

Hi

 

I want to reduce the white space at the top and bottom of the hero module but am not sure what to do :(

 

 assume I have to put something in Styling Classes but what?

 

Here's a screen shot: http://screencast.com/t/BTR3sItyC

 

Thanks in advance for your help.

 

R

 

 

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Try adding this to your custom code section:

.section-hero .pl-section-pad {
    padding: 1%;
}

You can also reduce that 1% (which is 5% on your site, presently) to 0.5%.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Worked perfectly. Thank you.

 

So...

 

How do I do the same for the Masthead block as per this screen shot?: http://screencast.com/t/TWS4LcsskenS

 

Thanks again for your help.

 

R
 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Richard, the trick is to open your site in Firefox and use the Firebug add-on (http://www.getfirebug.com) to inspect the element you desire to change.  Using Firebug as I did, you'll find the proper code, and can modify it in there to see (live) if it works.  Then, just as I did, copy the code and paste.  The only difference is, you can skip this forum and go directly to your custom code area. :)

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