Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #16306

    Hi,

    I have been looking all over the forum for this solution. It seems like there are a few ways you have recommended to do it. I try to use the code you provide and put it in the Custom CSS under the style tab, and they either dont work or only resize the transparant part of the sidebar, the tabs stay the original size.

    Im hoping you can provide me the code to insert that will make my sidebar roughly 40 – 50% thinner. If you can also have it move over towards the left of the page by about half of that gap that would be awesome, if not thats ok.

    Heres my site http://jonmphotography.com/wedding-photographer/?page_id=196. Youll see that the sidebar is consuming too much of the pictures.

    Thanks,

    Jon

    #91026

    Hi,

    You can add this on your custom.css to change the main sidebar.

    .inner_sidebar {
    width: 180px;
    float: left;
    }

    .sidebar {
    width: 180px;
    }

    To change the width of the controls you can use this, although this might break the layout a bit.

    .arrowslidecontrolls_fullscreen {
    width: 140px;
    }

    If you have sidebar widgets for your left sidebar, you should also change their width.

    .sidebar .widget {
    width: 140px;
    }

    To change the gap, try this one

    .sidebar.sidebar_absolute {
    left: -40px;
    }

    You also need to adjust your logo.

    Regards,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Resize the Main Sidebar to about half its original width’ is closed to new replies.