Contact page borders need to be removed!

Contact page borders need to be removed!

westaysmiling
Excursionist
24 0 3

Screen Shot 2023-06-08 at 11.05.18 PM.pngAs 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 

 

Replies 7 (7)

ZestardTech
Shopify Expert
5624 1024 1352

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

ZestardTech_0-1686288676161.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
westaysmiling
Excursionist
24 0 3

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

 

StoreWatchers
Trailblazer
205 30 36

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:

Screenshot_27.png

 

 

 

 

 

 

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

 

 

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
westaysmiling
Excursionist
24 0 3

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

 

Dan-From-Ryviu
Shopify Partner
8380 1649 1660

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

Screenshot 2023-06-09 at 16.22.13.png

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

westaysmiling
Excursionist
24 0 3

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

 

westaysmiling
Excursionist
24 0 3

How would I fix this?