Need help? Check out our Support site, then


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

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

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

Topic Closed

This topic has been closed to new replies.

About this Topic