How can I change the width of my search box?


#1

Is it possible to change the size/appearance of my Swiftype search box?

It’s possible to customize the width, height, and other styles of your Swiftype search box by using custom CSS. We even have a tutorial that provides some solid tips! You can find that at the following link:

Here’s a down and dirty example using inline CSS styling to set fixed width and height values:

<input type="text" class="st-default-search-input" style="width: 300px; height: 150px" />

Also, for a general guide on CSS, W3Schools has a helpful resource here: http://www.w3schools.com/css/css_intro.asp