Problem


In case you have applied a custom background image or color to your site, search box content might not obvious for end users, and they might find it hard to use this search box, see the following image for example:



Solution


We need to apply a CSS customization to convert the background of the search box into white, to improve the user experience, and make it more visible, to fix this please follow these steps:


Step 1: Open branding and site customization tool

Go to Site Settings > ShortPoint Dashboard > Site Customizations > Customize my site


Step 2: Paste Custom CSS code

Go to Utilities > Custom CSS and paste the following CSS code


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



Now click Apply, then Publish



Result