Contact Form section border-radius not effective

nondualreality
Excursionist
29 3 7

Screenshot 2024-01-28 at 10.19.21 PM.png

 

I am trying to make the contact form's bottom left and right corners rounded to 60px.
changing the CSS to border-radius: 60px did not work as other sections did...
What else should i try to get the rounded corners at the bottom of the contact form?

www.kidkartz.com
thanks!

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

Please update your code to this and check again. 

.field:after {
margin-left: 5%;
margin-right: 5%;
border-radius: 60px !important;
}

 

- 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.

nondualreality
Excursionist
29 3 7

Screenshot 2024-01-28 at 11.28.35 PM.png

thank you so much for your reply! haha this was the end result 😛

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

please update the code and check again

.field:after {border-radius: 60px !important;
}

- 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.

nondualreality
Excursionist
29 3 7

it did not change anything for some reason T^T

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

Did you click Save button after updating the code?

- 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.

nondualreality
Excursionist
29 3 7

It changed the Comment section's border haha, instead of the bottom left and right white section's borders ;-;

Screenshot 2024-02-02 at 1.21.41 AM.png

Jahid-KlinKode
Excursionist
145 1 5

Hi @nondualreality, I hope the below tutorial will help you to solve your issue with the contact form.