How to increase width of search box

• 

  donka61 · Member · Oct 12, 2013 at 5:32 pm

  • Copy link
  • Add topic to favorites

  I would like to increase the width of the search box on the top of all my pages about 30 px. Here is an image of how it looks right now:

  

  I would appreciate any help on this matter.

  The blog I need help with is: (visible only to logged in users)

• 

  donka61 · Member · Oct 12, 2013 at 6:02 pm

  • Copy link

  I think I figured this out. See below. But by increasing the max-width, is that going to cause any problems anywhere else?

  #searchform input {
  display: inline;
  max-width: 160px;
  width:148px;
  text-align: left;
  }

• 

  donka61 · Member · Oct 12, 2013 at 6:05 pm

  • Copy link

  The max width was 140 which prevented me from increasing width, so i adjusted the max-width before increasing width. Since there is no reason to have a max-width greater than the width i have subsequently dreased the max-width (last post) from 160 to 148px.

• 

  thesacredpath · Member · Oct 12, 2013 at 6:23 pm

  • Copy link

  No, it will not cause any problems, and good job on figuring that out!

• 

  donka61 · Member · Oct 12, 2013 at 6:42 pm

  • Copy link

  Thanks :)

• 

  thesacredpath · Member · Oct 12, 2013 at 6:44 pm

  • Copy link

  You are welcome.