Adding box around search bar in taste theme

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/

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

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

Result:

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;
}

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