How to increase the width of the left sidebar width to 300px

  • liberiangeek

    (@liberiangeek)


    10 years, 3 months ago

    I’ve customized my site to almost the way I want it. The last thing left is I want to increase the width of the lift sidebar to at least 300px.

    Here’s my site (www.liberiangeek.net)

    Thanks,

Viewing 2 replies - 1 through 2 (of 2 total)
  • kaniamea

    (@kaniamea)

    10 years, 3 months ago

    Adding this in your Custom CSS will do it:

    #left.widget-area {
    width: 300px;
}

    but the content panel may look a little messed up, so try fixing it with this:

    .span6 {
    width: 540px;
    padding-left: 20px;
}
    rdellconsulting

    (@rdellconsulting)

    10 years, 3 months ago

    The only problem with using px on width elements is it won’t work when you change to smaller viewports.

    You should try to use width:100% and then change the % to suit.

    The .span6 above will be applied to all coded .span6 elements which may cause other problems.

    And checkout the @media code.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to increase the width of the left sidebar width to 300px’ is closed to new replies.