WordPress.com Forums » Topic: Change sidebar in Forever theme http://en.forums.wordpress.com/topic/change-sidebar-in-forever-theme WordPress.com Forums » Topic: Change sidebar in Forever theme en Wed, 22 May 2013 17:13:42 +0000 http://bbpress.org/?v=1.1-alpha-2539 designsimply on "Change sidebar in Forever theme" http://en.forums.wordpress.com/topic/change-sidebar-in-forever-theme#post-1028840 Wed, 03 Oct 2012 12:55:35 +0000 designsimply 1028840@http://en.forums.wordpress.com/ To change the main column width, you would want to change the container width as well. Here is an example:

#page {
	width: 1160px;
}

#content {
	max-width: 870px
}

Adjust the numbers to the widths you'd like to use.

If you change the main column width in CSS, it's also a good idea to change the limit width setting in the Appearance → Custom Design → CSS settings as well.

]]> cablueprinting on "Change sidebar in Forever theme" http://en.forums.wordpress.com/topic/change-sidebar-in-forever-theme#post-1027698 Tue, 02 Oct 2012 07:22:46 +0000 cablueprinting 1027698@http://en.forums.wordpress.com/ How do I widen my post section? Changing #content Max-width can narrow it but not wider than how it is...
There is invisible blockage.

]]> designsimply on "Change sidebar in Forever theme" http://en.forums.wordpress.com/topic/change-sidebar-in-forever-theme#post-1023344 Thu, 27 Sep 2012 05:35:03 +0000 designsimply 1023344@http://en.forums.wordpress.com/ Adjusting #page works for the overall width, but not for the separate columns. My main reason for asking is to try to make sure all of the questions in the CSS forums have answers posted. :)

I noticed something else that might help you. If you are new to CSS, the best way to make updates is to select the "Add my CSS" option on the Appearance → Custom Design → CSS page and then just add in small CSS snippets for changes you want to make that are different from the original stylesheet. You would just want to use the original stylesheet as a reference and not copy and paste the entire thing into the CSS editor.

]]> cablueprinting on "Change sidebar in Forever theme" http://en.forums.wordpress.com/topic/change-sidebar-in-forever-theme#post-1023298 Thu, 27 Sep 2012 03:13:59 +0000 cablueprinting 1023298@http://en.forums.wordpress.com/ Thank you! That worked!
If you go to #page and adjust the width. I have mine at 1200px.
Let me know if that worked :)

]]> designsimply on "Change sidebar in Forever theme" http://en.forums.wordpress.com/topic/change-sidebar-in-forever-theme#post-1023231 Thu, 27 Sep 2012 01:31:33 +0000 designsimply 1023231@http://en.forums.wordpress.com/ Nice! Any chance you could post the CSS you used to change the widths?

To shorten the search box to match your other CSS, try this:

#s {
	width: 108px !important;
}
]]> cablueprinting on "Change sidebar in Forever theme" http://en.forums.wordpress.com/topic/change-sidebar-in-forever-theme#post-1022318 Wed, 26 Sep 2012 02:11:58 +0000 cablueprinting 1022318@http://en.forums.wordpress.com/ I figured it out. It was under secondary. Now I need to shorten my search box...

]]> cablueprinting on "Change sidebar in Forever theme" http://en.forums.wordpress.com/topic/change-sidebar-in-forever-theme#post-1022298 Wed, 26 Sep 2012 01:45:12 +0000 cablueprinting 1022298@http://en.forums.wordpress.com/ I changed the width of the entire blog to be wider. Now I want to make the right sidebar area narrower. How??

]]>