Changing width of Sidebar in Suits theme

  • Unknown's avatar
    enjoyan · Member ·

    Hi,

    I have been trying to increase the width of my sidebar in to move it to the right because I increased the content width also, but now they are placed over eachother… I don’t know why but I can’t seem to change anything about my sidebar…

    I have this so far (I’m no professional)

    <style type=”text/css”>
    /*<![CDATA[*/
    #container_body{ background-position: 1000px 5px }
    #main{ width: 800px !important }
    #sidebar{ float: left; width: 200px }
    /*]]>*/
    </style>

    .entry-header {
    color: #fff;
    background-color: ;
    width: 750px;

    }

    .entry-title {
    font-family: ;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    text-transform: uppercase;
    }

    .entry-content {
    width: 750px;
    }

    footer.entry-meta {
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 750px;
    }

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

  • Unknown's avatar
    hallluke · Member ·

    Here’s some code that should help with the width issue, it will expand the main content area and the sidebar both by 50px (and the container by 100px so they fit), feel free to change the values around if you want it to be slightly larger:

    .site-main {max-width:1060px;}
.site-main .content-area {width:670px;}
.site-main .sidebar-container {width:270px;}
  • Unknown's avatar
    enjoyan · Member ·

    Thank you so much! It worked!

  • The topic ‘Changing width of Sidebar in Suits theme’ is closed to new replies.