Viewing 10 replies - 1 through 10 (of 10 total)
  • post your url so that I can see the code and guide you.

    Thread Starter leoleoleo

    (@leoleoleo)

    I am testing on my computer this time. The P2 theme
    https://www.ads-software.com/extend/themes/p2

    Thread Starter leoleoleo

    (@leoleoleo)

    Anyone help?

    Thread Starter leoleoleo

    (@leoleoleo)

    Oh, No one can help..

    Go into the Editor in your Dashboard and open up the style.css file. Search for

    #sidebar {
    	margin-left: -1px;
    	float: right;
    	width: 242px;
    	position: relative;
    	top: 0;
    	padding: 6px 12px 18px 12px;
    }

    and change the width: 212px; number to what you need. You may run into display issues though as the sidebar background is an image and if you want to make the sidebar wider the image will have to be extended.

    Thread Starter leoleoleo

    (@leoleoleo)

    Thanks for help, if i change the width to 305, the sidebar kill the main content.

    Right, you’ll have to add a width to both the #postbox and #main DIVs in the style.css to line up with the sidebar.

    Thread Starter leoleoleo

    (@leoleoleo)

    Thanks!! I also change the #postarea width ok now!!

    Tried to change the sidebar along with postbox by the changing the code as mentioned above but still don’t get the desired results. The postbox overlaps the sidebar. Check https://i588.photobucket.com/albums/ss325/misingtani/problem.png

    Any idea which lines of the style.css file should be edited.

    ditto here … would love to be able to increase the sidebar width without blowing out the theme … e.g., i wanted to get sidebar to 300px from default of 212 so i changed three things – #sidebar, #post, #main and no go … i see page is 978 width so i added width 678 to the post and main ids but text and widgets in sidebar get slid under and dissappear in main post area … ugh .. css code tweaks below …

    #sidebar {
    	margin-left: -1px;
    	float: right;
    /* CHUCK CHANGE from 212 */
    	width: 300px;
    	position: relative;
    	top: 0;
    	padding: 6px 12px 18px 12px;
    }
    
    /* CHUCK MODS - force widths */
    #main {
    	background: #fff;
    	width: 678px;
    }
    #postbox {
    	background: url( i/white-93.png );
    	margin-right: -1px;
    	width: 678px;
    }
Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to change P2 sidebar width?’ is closed to new replies.