Adding box around search bar in taste theme

[heyitsphae]

Hi! I’m looking to add a white box here on the top right corner of the search bar!

Website is not password protected

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

[Nick_Marketing]

You could try adding this code to the bottom of base.css

.header__search {
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
}

Result:

[shadowsfall118]

Add these two lines to your base.css on line 2339 (.header__search)

outline: 1px solid #fff; outline-offset: 5px;

Should look like:

.header__icon .icon { height: 2rem; width: 2rem; fill: none; vertical-align: middle; outline: 1px solid #fff; outline-offset: 4px; }

[PageFly-Victor]

Hi @heyitsphae .

I am Richard Nguyen from PageFly - Advanced Page Builder.

You can go to Online store => themes => Actions => Edit code and add this code on file base.css

.header__icon, .header__icon--cart .icon{
border-style: solid;
border-width: 1px;
}

Hope this helps.

Best regards,

Richard - PageFly