Could someone tell me how I can (using CSS) change the width of the Search Box web part to 550px?

As you will see from the picture below, I need the width of the Search Box web part to align with the icons above it.

enter image description here


Here you go, either should work:



  • I do this but then the search box now has a height of 60px rather than 30px. For some reason the magnifying glass symbol is moved down a line. – surfnode Oct 20 '16 at 14:59
  • This is what mine looks like with the specs you gave: [1]: i.stack.imgur.com/wDr1N.jpg – Flat Banana Oct 20 '16 at 15:09
  • yeah mine is that height too however the text and search magnifier icon should be aligned as well. – surfnode Oct 20 '16 at 22:50
  • You may need to use your DOM explorer to specifically target the magnifying glass. – Flat Banana Oct 21 '16 at 12:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.