How can I modify the search bar radius on Dawn theme?

carla_5
Excursionist
58 0 6

Hi there

 

I hope you are well , I am currently Using Dawn Theme. I was wondering if someone could maybe assist me please. I would like to change the radius of my search bar. It is currently very "box-like" and would like to have it more rounded.

 

I will attach a picture of what it currently looks like.

 

Thanks

Screenshot 2024-04-09 162700.png

Reply 1 (1)

hardik355
Shopify Partner
237 22 35

Hello @carla_5 
Hope you are doing well.

Could you please follow this steps.
Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid  file
Step 3. Paste below code before </body> :

<style>
.field:after,
.field__input {
    border-radius: 15px !important;
}
.field__input:focus {
    box-shadow: unset !important;
}
</style>

 

If helpful then please Like and Accept Solution.
For App Development and Design changes Hire Me.
Skype: live:hardikradadiya355
Thanks