WordPress.com

1. loiseaufait
   Member
   May 30, 2012, 10:51 PM

   Hello! I was looking to make my sidebar narrower and my main post area larger using the Forever Theme.

   I was able to extrapolate the width of both components I needed to set from this post: http://en.forums.wordpress.com/topic/page-width-wider?replies=8

   and added this code to my CSS:

   #secondary {
   	max-width:240px;
   	margin-right:20px;
   }
   
   #content {
   	max-width:650px;
   	margin-right:0;
   }

   This made the page look essentially the way I wanted to (I'd have to play with the margins a little more to make it exactly right), but if the sidebar is made narrower then the box on the search widget gets cut off. Is there any way to set the minimum/maximum width for widgets?

   I have screenshots.

   Please help!

   Thanks so much,

   Susannah

   The blog I need help with is featherbyfeather.com.

2. designsimply
   Happiness Engineer
   May 31, 2012, 1:32 PM

   You set the max-width for the widget container to 240px already, however, there's always a chance that there is a more specific rule in the original theme stylesheet that doesn't match and you just have to add rules to override them if that happens.

   To make the search field small enough to fit inside the sidebar container after modifying the container width, add this to your Appearance → Custom Design → CSS:

   #s {
       width: 95%;
   }

Topic Closed

This topic has been closed to new replies.