How to add rectangle box around search bar // taste theme

Store Design
1

The search function has a box now but I need it to be like a long rectangle that makes it obvious text can be entered there. Does anybody know how to do that?

Screen Shot 2022-09-22 at 11.43.28 AM.png
Screen Shot 2022-09-22 at 11.43.28 AM.png2880Ă—1282 722 KB

website: https://goldstar3343.myshopify.com/

no password required

Thanks!

2

@heyitsphae

yes, please confirm this look

KetanKumar_0-1663873488146.png
KetanKumar_0-1663873488146.png1898Ă—942 424 KB

3

yes that’s perfect!

4

@KetanKumar hey! That solution is perfect, what is the coding :slightly_smiling_face:

5

@heyitsphae

yes, please header code

6

@heyitsphae

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px) {
.header__search {
    width: 200px;
    justify-content: end;
}
}