How can we help you today?

Change the Background Color of SharePoint Classic Site's Search Box

If you have applied a customized background image or color to your site, the search box content might become not very obvious for the end users: they might find it hard to use this search box, as on the example below:



You can apply a CSS customization to convert the background of the search box into white. By doing this you will improve the user experience, make the search box more visible. 

Please, follow the steps below.


TABLE OF CONTENTS


Step 1. Open the ShortPoint Theme Builder


Go to the Site Settings/Site contents > ShortPoint Dashboard > Theme Builder:



Click Customize my site:



Step 2. Apply the Custom CSS code


Go to Utilities > Custom CSS and paste the following CSS code in the Custom CSS text area:


.ms-srch-sb {
    background-color: #fff;
}



Now click Apply (1) and then Publish (2) to save your changes:



Result



Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 10 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more