New Landing › How can we help? › Themeforest Theme Support › Supreme › Sidebar width

Tagged: , , , ,

  • This topic has 16 replies, 3 voices, and was last updated 10 years by mary.
Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Back to forum
    Posted in: Supreme
  • May 21, 2013 at 8:21 pm #5690
    mary
    Member
    Post count: 14

    Hi,

    Is it possibe to change the width of the sidebar to half of width?

    Thanks
    Mary

    May 21, 2013 at 9:33 pm #5695
    Ben – SUPPORT
    Member
    Post count: 690

    Hey,

    Currently the sidebar is set to 1/3rd of the page and the content is the remaining 2/3rds without changing classes on the page you could add


    .sidebar{width:150px;}
    #page-wrap .alpha{width:770px;}

    to your css

    Regards
    -Ben

    May 23, 2013 at 7:04 am #5859
    mary
    Member
    Post count: 14

    Thanks Ben. I’m not at all familiar with any programing so I have no clue where I must add the code in the css… I have opened the editor… do I have to add it at the end of the code related to the sidebar?..

    /* #Sidebar
    ================================================== */

    May 23, 2013 at 1:30 pm #5884
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Hey Mary,

    You can add that code in the Custom CSS box under the General theme options.

    Just to be safe that it overrides the default values, add it like this:

    .sidebar{width:150px !important;}
#page-wrap .alpha{width:770px !important;}

    Regards,
    ————————————————————————————————————

    Cosmin
    Support Assistant

    May 23, 2013 at 7:44 pm #5967
    mary
    Member
    Post count: 14
    This reply has been marked as private.
    May 23, 2013 at 9:50 pm #5980
    Ben – SUPPORT
    Member
    Post count: 690

    Could you possible send a link to the website I’ll be able to see what seems to be going wrong with it then.

    Thanks
    – Ben

    May 24, 2013 at 2:30 pm #6049
    mary
    Member
    Post count: 14
    This reply has been marked as private.
    May 26, 2013 at 8:29 am #6103
    Ben – SUPPORT
    Member
    Post count: 690

    Try

    .sidebar{width:150px !important;}
#page-wrap .page{width:770px !important;}

    Instead

    Regards,
    BenSheppard

    May 26, 2013 at 4:19 pm #6116
    mary
    Member
    Post count: 14

    Perfect! It works.
    Thanks

    May 27, 2013 at 9:53 am #6187
    mary
    Member
    Post count: 14
    This reply has been marked as private.
    May 28, 2013 at 2:35 pm #6319
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Increase the page width that you’ve defined with custom CSS.

    This is what you have:

    #page-wrap .page {
    width: 770px !important;
}

    Increase it at 935px.

    Regards,
    ————————————————————————————————————

    Cosmin
    Support Assistant

    June 5, 2013 at 3:06 pm #7196
    mary
    Member
    Post count: 14

    Hi again,

    I have changed it to 935px. and now the sidebar comes at the end of the page. Also the pages that don’t have a sidebar shows the space for it.. any ideas?

    Thnaks
    Mary

    June 10, 2013 at 8:25 am #7660
    mary
    Member
    Post count: 14

    Hello,

    Is there a way that I can aply only the following
    #page-wrap .page{width:770px !important;}

    for the pages were I have a sidebar and not for the rest, like the home page, ..?
    If I keep it for all then the home page and others will not show right. i have tried to chage it to 935px. but then the pages with a sidebar don’t look right.

    Thanks
    Mary

    June 10, 2013 at 2:47 pm #7701
    Ben – SUPPORT
    Member
    Post count: 690

    Try

    .sidebar{width:150px !important;}
.has-one-sidebar #page-wrap .page{width:770px !important;}

    Thanks
    Ben

    June 10, 2013 at 5:06 pm #7723
    mary
    Member
    Post count: 14

    Ok Have tried that, pages with no sidebar look good, but pages with sidebar shows a space between the sidebar and the rest of the page content..

    Attached screenshot

    http://nkp-expeditions.com/namibia-1/

  • Back to forum
    Posted in: Supreme
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register