How to completely remove rounded corners on fields

[yeknomgorf]

Hey, I’m building my store and am trying to remove the rounded corners on the contact form fields and make them square boxes. I have managed to add a short bit of local css code to remove the corners, but when you click in the field both the square corners and rounded corners show up. You can see what I mean in the screenshot, along with the code I’m using. Any advice?

code: .field::after { border-radius: 0; }

[Moeed]

Hey @yeknomgorf

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[yeknomgorf]

PICKLEBITS

chawpzz

[tim_tairli]

What do you have in this setting?

Theme Settings-> Inputs-> Corner Radius

[Moeed]

Hey @yeknomgorf

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

<style>
.field__input:focus {
    box-shadow: unset !important;
}
</style>

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

[yeknomgorf]

@tim_tairli for the win! I couldn’t find that setting anywhere - thanks for the simple answer!