All things Shopify and commerce
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
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;
}
This worked, but I want the borders to still be white, how do I do that?
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
This seemed to have no effect on my store when I tried it, do you know what went wrong?
You can solve it by adding this CSS code at the bottom of your base.css file
.contact .field:after { border-radius: 0 !important; }
- Is it helpful? Like, or Accept my solution or Buy Me a Coffee!
- Ryviu - Product Reviews app, Collect consumer feedback and import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart.
- Enjoy 3 months of Shopify for $1/month. Sign up now
That code is currently in my store but it is not working.
How would I fix this?
User | RANK |
---|---|
34 | |
21 | |
19 | |
16 | |
14 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023