en WordPress.com Forums › CSS Customization

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

  • Author
    Posts
  • #1774066

    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 prhayz.com.

    #1774218

    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.

  • Author
    Posts

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