Contact page borders need to be removed!

[westaysmiling]

As you can see, the borders around the text boxes are not fit to the curve.

Additionally, the same is true for my country/region selector.

Any help would be much appreciated since I plan to launch the store this weekend.

https://westaysmiling.com/pages/contact 

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset > base.css and paste this at the bottom of the file:

.contact__fields .field::after {
    box-shadow: none!important;
}
#ContactForm .field::after {
    box-shadow: none!important;
}

[westaysmiling]

This worked, but I want the borders to still be white, how do I do that?

[StoreWatchers]

Hi, @westaysmiling 

Greetings from the Store Watchers Support Team! Happy to help you today.

1. Go to online store > theme > edit code > assets > base.css(file) and Paste the below code at the bottom of the file -> Save

#ContactForm .field:after{
   border-radius: 0px !important;
   box-shadow: none !important;
}

After applying the above CSS code , it will show like the following screenshot:

Let me know If need further assistance

Regards,

Store Watchers Support Team

[westaysmiling]

This seemed to have no effect on my store when I tried it, do you know what went wrong?

[Dan-From-Ryviu]

Hi @westaysmiling 

You can solve it by adding this CSS code at the bottom of your base.css file 

.contact .field:after { border-radius: 0 !important; }

[westaysmiling]

That code is currently in my store but it is not working.

[westaysmiling]

How would I fix this?