Jump to content

Archived

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

richardc

Reducing white space at top and bottom of Hero Module

Recommended Posts

richardc    0
richardc

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
Rob    547
Rob

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%.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

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. :)


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • StuLeeUK
      By StuLeeUK+
      Good morning,
      I have set up my homepage using the Elements sections, a Masthead at the top and then a selection of Heroes lower down.
      I only just realised that the Heroes set a H1, as does the Masthead.
      Is there an easy way I can change the Heroes to an H2/H3 etc so as to improve the structure of my headers, whilst keeping the Masthead as H1?
      I really don't know much at all about CSS, which is why I use Pagelines because it's just so easy to create good looking pages without too much confusion.
       
      page for reference is https://www.avangocouriers.co.uk
      Thanks,
      Stu
    • floydwebb
      By floydwebb+
      The parallax and hero sections are jumping to the top of the template in PL5 See  here http://screencast.com/t/TLajih8MEM6
      No matter what I do, clear browser cache, whatever. The Parallax with the embeddded Hero section will ot stay on the bottom of the page above the footer.
      Help, please. This started happening at the worst possible time, when I was in a client meeting walking here through the site that is already LATE. 
      Floyd Webb
    • hibbsy78
      By hibbsy78+
      Following the latest updates I now have an issue with the hero section on mobile. The content is extremely narrow. All looks ok on desktop....
      http://www.vikihibbs.com/about/
       

    • hibbsy78
      By hibbsy78+
      I just spotted the standalone Heroes section as opposed to the Elements>Hero section and I much prefer this layout with the larger text directly under the heading but again on mobile (iPhone) it screws the layout similar to the contact form 7 page (http://www.johnhibbs.me/contact/).
      http://www.johnhibbs.me/daddy/
       

    • hibbsy78
      By hibbsy78+
      Mobile layout much better in 5.0.3. There appears to be an issue that it 'super-sizes' the background image?
      http://www.johnhibbs.me


×