How to reduce space between sidebar/widget area and content/body?

  • Unknown's avatar
    prhayz · Member ·

    Hello friends! I am Noel. I am using the Suits theme for my blog “Let’s talk gospel @www.prhayz.com. I would like to tighten the space between sidebar and content area, but I have no clue how to do this. Can any good Samaritan help this poor traveler? I am a custom design sub.

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    joelymil · Member ·

    For your specific theme/site, the most straightforward way to accomplish this is by adding the following to your CSS:

    #primary {
    margin: 0 0 0 1rem;   /* This will affect the content area */
}
#secondary {
    margin: 0 1rem 0 0;   /* This will affect the sidebar */
}

    This won’t have any immediate effects, because it will be equivalent to the current setting. Increasing the last number of the “#primary” rule will increase the content area’s left margin, pushing it inward.

    Increasing the second number of the “#secondary” rule will increase the sidebar’s right margin, to the same effect.

    As long as you keep them equal, they’ll stay an equal distance from the outside of their parent element – which, in this case means they’ll stay an equal distance from the outside of the page.

  • The topic ‘How to reduce space between sidebar/widget area and content/body?’ is closed to new replies.