wanting to close gap between content and sidebar

  • Unknown's avatar
    prettyloved · Member ·

    Hey! I have been messing around with my site.. got some help with putting the sidebar on the opposite side and adding margins to the sides of the pages, now I am wanting to kind of put everything more towards the middle of the page and not have such a big gap between the sidebar and the main content. How would I go about doing that? I do have a responsive theme. Thanks!!

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

  • staff-happychia · Staff ·

    Please try these styles one at at time and let me know if you like them:

    1. 

    media="all"
@media screen and (min-width: 1200px)
.content-area {
margin: 0 -350px 0 0;
}

    Original right margin is -450px

    2. 

    #secondary {
width: 30%;
}

    Original width is 20%

  • Unknown's avatar
    prettyloved · Member ·

    With the width of the sidebar being 30% it’s too big for what I am wanting it to look like. When I tried the second code it didn’t seem to do anything.

  • staff-happychia · Staff ·

    Did you try the above styles one at a time? Have you removed the first style before adding the second?

    I suggest you clear browser’s cache or try in your browser’s incognito mode to get rid of the cached style.

  • Unknown's avatar
    prettyloved · Member ·

    Yeah unfortunately the 1st bit of code did not seem to do anything for the page. I tried both sets of code separately and the 2nd bit of code makes the side bar too large for my page. It ends up taking up like 1/3 of the page.

  • Unknown's avatar
    prettyloved · Member ·

    I figured it out! Thanks a bunch

  • The topic ‘wanting to close gap between content and sidebar’ is closed to new replies.