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.
1
-
What CSS have you tried? – Danny '365CSI' Engelman Oct 20 '16 at 14:44
0
Here you go, either should work:
http://www.geekmungus.co.uk/general-it/changesizeofsearchboxwebpart-sharepoint2013
We're looking for long answers that provide some explanation and context. Don't just give a one-line answer; explain why your answer is right, ideally with citations. Answers that don't include explanations may be removed.
-
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
