WordPress.org

1. chrisjarvis
   Member
   Posted 8 months ago #

   Hey guys.

   I've got a problem with my theme, The space in between what I believe are called containers are too large. The theme uses a 960 grid system; workaholic.

   It looks like I've got 20px padding below the header, 20px above the slider, what looks like vertical padding all over the place but I can't find any reference to the padding in my heading file, style.css or 960.css.

   Here's the site, currently under construction.

   http://tinyurl.com/leisureforce

   I don't have a large amount of experience, lowest common denominator language is welcome.

   Thanks.

2. marinaa
   Member
   Posted 8 months ago #

   The body which is above the header has a top margin of 10px.

   Inside the header div, there is another div with the class sf-menu. That has a bottom margin of 1em/11px.

   Right after the header div closes, there is an hr with a bottom margin of 20px.

   For the vertical padding/margin - can you be more specific. Which areas would you like to modify?

3. chrisjarvis
   Member
   Posted 8 months ago #

   Thanks for the reply marinaa.

   I want to reduce the overall 'spacing' above and below the hr (between the header and the slider) to about 10 px above and below the hr line.

   I also want to reduce the overall 'spacing' to 10 px above and below the hr below the slider, above the grid posts.

   I removed the reference in the header.php to the SF menu, but it had no effect.

   Thanks.

4. marinaa
   Member
   Posted 8 months ago #

   For the sf menu, try not displaying it:

   .sf-menu {display: none;}

   Then adjust the margins for hr.grid_12 to what you want.

   There is a 14px space b/w the bottom of the sf menu and top of the first hr.gird-12 that I can't account for.

   I do hope this helps.

Reply

You must log in to post.