Gavin_+ 56 Report post Posted April 6, 2011 Hi Pagelines people I need to assign different sidebar widths to different pages. On the home page i need the sidebar width to be 370px Where as on otehr pages i'd like the sidebar to be 250px thanks for your help in advance. Share this post Link to post Share on other sites
cmunns 16 Report post Posted April 6, 2011 the layout editor only allows for global width but you can use page-ids and some css to change it on a particular page. What is the page you need changed? Share this post Link to post Share on other sites
Gavin_+ 56 Report post Posted April 7, 2011 my plan is to set the layout to 250 px and then we'd like the home page to be 370px http://79.170.40.52/hospitalityblackbook.com/ and the contact page to be 370px http://79.170.40.52/hospitalityblackbook.com/contact/ thanks Share this post Link to post Share on other sites
cmunns 16 Report post Posted April 7, 2011 ` .page-id-2 .one-sidebar-right #pagelines_content #column-main, .page-id-2 .one-sidebar-right .wmain, .page-id-2 .one-sidebar-right #buddypress-page #container { width: 630px; } .page-id-2 .one-sidebar-right #pagelines_content #column-wrap, .page-id-2 .one-sidebar-right #buddypress-page #container { width: 630px; } .page-id-2 .one-sidebar-right #pagelines_content #sidebar-wrap, .page-id-2 .one-sidebar-right #buddypress-page #sidebar-wrap { width: 370px; } ` Follow the same setup for the contact page ( .page-id-39 ) Share this post Link to post Share on other sites
Gavin_+ 56 Report post Posted April 11, 2011 Hi, thanks for the code but it doesn't seem to work, i have added it here - http://79.170.40.52/hospitalityblackbook.com/ any ideas? thanks Share this post Link to post Share on other sites
Kate 3 Report post Posted April 11, 2011 Hey Gavin, Double-check this, but I believe it's because #sidebar_primary is still not set to the correct width, thus cutting off the info inside of it. Share this post Link to post Share on other sites
Gavin_+ 56 Report post Posted April 11, 2011 Hi Kate we have the default width for the sidebar at 250px but want to be able to modify the width on a specific page. Do we need to modify Adam's code? Share this post Link to post Share on other sites
cmunns 16 Report post Posted April 11, 2011 Yes. I missed a selector: .page-id-2 .one-sidebar-right #pagelines_content #sidebar1, .page-id-2 .one-sidebar-right #buddypress-page #sidebar1 { width: 370px!important; } Share this post Link to post Share on other sites
Gavin_+ 56 Report post Posted April 12, 2011 something strange has happened to the width of the page http://79.170.40.52/hospitalityblackbook.com/ i think it might be something to do with the Nav would you be able to have a look for me? thanks Share this post Link to post Share on other sites
cmunns 16 Report post Posted April 12, 2011 You mean the login-tab? You can't have a 100% width if you want it to respect the margin:0 auto centering rule. Share this post Link to post Share on other sites