All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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; }
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
That code is currently in my store but it is not working.
How would I fix this?