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


1 Answer 1


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, 2016 at 14:59
  • This is what mine looks like with the specs you gave: [1]: i.stack.imgur.com/wDr1N.jpg Oct 20, 2016 at 15:09
  • yeah mine is that height too however the text and search magnifier icon should be aligned as well.
    – surfnode
    Oct 20, 2016 at 22:50
  • You may need to use your DOM explorer to specifically target the magnifying glass. Oct 21, 2016 at 12:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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