Shrink Sidebar Width

Community Forums Forums Design Tips and Tricks Shrink Sidebar Width

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  cehwitham 1 year, 4 months ago.

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

    tpaulwhite
    Participant
    Post count: 23

    Hi I am running the News theme and would like to reduce the sidebar by 50px and expand the content by 50px?  I believe I go into the style css file and change the #content and #sidebar sections, but there are several lines there and I am not sure exactly which ones to change

    For example,  Here is a section from my style.css – I am not sure if I need to change multiple lines of code or if there are just 1 or 2 that I need to change.  Please let me know what items I need to change.

    /* Content-Sidebar Wrap
    ———————————————————— */

    #content-sidebar-wrap {
    float: left;
    width: 810px;
    }

    .content-sidebar-sidebar #content-sidebar-wrap,
    .sidebar-sidebar-content #content-sidebar-wrap {
    width: 805px;
    }

    .content-sidebar #content-sidebar-wrap,
    .full-width-content #content-sidebar-wrap,
    .sidebar-content #content-sidebar-wrap {
    width: 1010px;
    }

    .sidebar-content-sidebar #content-sidebar-wrap,
    .sidebar-sidebar-content #content-sidebar-wrap {
    float: right;
    }
    /* Content
    ———————————————————— */

    #content {
    float: left;
    padding: 25px 35px;
    width: 430px;
    }

    .content-sidebar #content,
    .sidebar-content #content {
    width: 580px;
    }

    .content-sidebar-sidebar #content {
    width: 425px;
    }

    .sidebar-content #content,
    .sidebar-sidebar-content #content {
    float: right;
    }

    .home.news.content-sidebar #content {
    padding: 0;
    width: 650px;
    }

    .full-width-content #content {
    width: 910px;
    }

    • This topic was modified 1 year, 6 months ago by  tpaulwhite.
    • This topic was modified 1 year, 6 months ago by  tpaulwhite.
    http://www.milepro.com
    #43516

    cehwitham
    Participant
    Post count: 396

    It depends which page layouts you’re using.

    Do you have a link to your site?

    You don’t need to change any of the content / sidebar wrap numbers.

    You need to change the content numbers but not for full width content.

    You need to find the sidebar width and change this also.

    Chris


    Twitter: cehwitham Web: cehwitham.com

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

You must be logged in to reply to this topic.