Changing Sidebar/Search Widget Width in Forever Theme

• 

  loiseaufait · Member · May 30, 2012 at 10:51 pm

  • Copy link
  • Add topic to favorites

  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: https://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: (visible only to logged in users)

• 

  designsimply · Member · May 31, 2012 at 1:32 pm

  • Copy link

  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%;
  }