How can I add a border around my search bar on Warehouse theme?

[chrisjames11]

Hi

pls can u provide a solution to adding a border round the search bar need code as the theme it self won’t let me to it (attached examples below)

URL: smartappliancesonline.co.uk

Theme: Warehouse

current:

Wanted:

cheers

[made4Uo]

Hi @chrisjames11 ,

I fill like your comparing apples to oranges. See the header you wanted have a white background. Anyway, you can add a border but the color contrast would be not so good.

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.

Note: change red to any color you want.

.header__search-bar-wrapper.is-visible.is-fixed {
    border: 2px red solid;
    border-radius: 5px;
}