How can I add a border to my custom search bar?

Store Design
1

www.lionsmanecanada.com

I have sinced deleted the original search icon by deleting the code within the search snippet. I have created a new snippet that I created in the header.liquid file to render my new search bar…

Code here:

{% if search.performed %}

{% else %}

Submit

{% endif %}

I want to add a border to this search bar. Any suggestions?

Thank you.

2

you can either write the css in your header section separate css file or theme css..

within the same section you can write it like

.search-form .search-form__input { border: 1px solid #000; }

here i used border color black but you can use whatever color you like

3

Thank you, I added that code to my new “search” snippet and it worked!