Reduce vertical margin/padding/border/spacing

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

    https://tinyurl.com/leisureforce

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

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

  • 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?

    Thread Starter chrisjarvis

    (@chrisjarvis)

    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.

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce vertical margin/padding/border/spacing’ is closed to new replies.