Home Forums Aside WordPress Theme Sidebar Width

This topic contains 15 replies, has 5 voices, and was last updated by  STrajkovski 2 years, 4 months ago.

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #4241

    whileraf
    Participant

    Hi, I’d like to change the sidebar width to be similar width to the demo version, which is wider.

    #4245

    Johnny
    Participant

    Hi, please see attached image,
    Thank you

    #4280

    STrajkovski
    Participant

    Hi, my theme options page looks different to the image posted above. I get three options, one of which is to have a fixed sidebar. I’ve enabled a fixed sidebar, but would like to adjust the width of the sidebar (make it smaller). How can I prescribe the pixel width of the sidebar?

    #4287

    Johnny
    Participant

    Hi, check here please: style.css line 283 or about:

    /* Menu bar always shown */
    #sidebar.sidebar_show {  left: 0; width: 240px;}

    Best

    #4288

    STrajkovski
    Participant

    Thank you. Changing this setting only adjusts the width of the text inside the sidebar. The grey background of the sidebar itself doesn’t change in size.

    Any other ideas?

    #4289

    STrajkovski
    Participant

    I ended up working it out. I also had to amend the following:

    }
    #sidebar.sidebar_show ~ #main-wrap{
    padding-left: 150px;
    }

    #4290

    STrajkovski
    Participant

    I have two new issues. The copyright text shows on two lines. how do I reduce the left margin so that the text can fit on one line?

    Also, when hovering over the menu text in the sidebar, the highlight box remains the width of the original sidebar. How do I get the highlight box to match the new sidebar width?

    See the attached screenshot.

    #4292

    Johnny
    Participant

    Hi,
    -copyright style here:

    .sidebar-bottom-wrap {
    position: absolute;
    bottom: 60px;
    left: 40px;
    max-width: 200px;
    }

    -menu item width here:

    #navi>div>ul>li>a {
    width: auto;
    min-width: 220px;
    padding: 0 20px 0 20px;
    z-index: 9;
    }

    Best

    #4296

    STrajkovski
    Participant

    Awesome!
    Thanks very much.

    #4297

    STrajkovski
    Participant
    This reply has been marked as private.
    #7003

    BWSM
    Keymaster

    Hi there, how to reduce the left sidebar width (blue color)? Thanks.

    Site: http://zhengkeng.exxelnet.sg

    Please login wp-admin, go to Theone / General Settings / Custom Css
    Paste the style code to Custom Css:

    #sidebar.sidebar_show {width: 240px;}
    #main-wrap{padding-left: 240px;}
    #navi>div>ul>li>a{min-width: 220px;}
    .sidebar-bottom-wrap { max-width: 200px;}

    If you want to reduce the sidebar width 20px, change the 4 values as 220px, 220px, 200px and 180px

    #7004

    rapidcloud
    Participant

    Hi, i had try but there is extra grey background beside it. Can you check? Thanks.

    Below is my css and i reduce to 40px.

    #sidebar.sidebar_show {width: 200px;}
    #main-wrap{padding-left: 200px;}
    #navi>div>ul>li>a{min-width: 180px;}
    .sidebar-bottom-wrap { max-width: 160px;}

    #7008

    BWSM
    Keymaster

    Please add the cutome css:

    #sidebar.sidebar_show ~ #main-wrap {padding-left: 200px;}

    #7889

    STrajkovski
    Participant

    Hi,

    How do I control the container size for the user-selected icon at the top of the sidebar menu?

    #7893

    BWSM
    Keymaster

    Hi STrajkovski,

    I am not clear which icon you mentioned. Please paste a screenshot. Thanks!

    Cheers!
    Bwsm – uiueux.com
    Twitter Facebook

    #7912

    STrajkovski
    Participant

    Nevermind. The issue was resolved in another thread.

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

You must be logged in to reply to this topic.