[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.k…

Please update your code to this and check again. .field:after { margin-left: 5%; margin-right: 5%; border-radius: 60px !important; }

[Screenshot 2024-01-28 at 11.28.35 PM.png] thank you so much for your reply! haha this was the end result :face_with_tongue:

please update the code and check again .field:after {border-radius: 60px !important; }

it did not change anything for some reason T^T

Did you click Save button after updating the code?

Hi @nondualreality , I hope the below tutorial will help you to solve your issue with the contact form. [Adding Custom Fields to Your Shopify Contact Form – Text, Dropdown, Radio & Checkbox]

Contact Form section border-radius not effective

Store Design

nondualreality February 2, 2024, 6:22am 8

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

Topic		Replies	Views
round corner on field in contact form Store Design liquid , design , css	3	54	May 29, 2025
Contact page borders need to be removed! Shopify Discussion shop-performance	7	43	June 9, 2023
How to make the newsletter section form's borders sharp? DAWN THEME Store Design	4	37	September 11, 2022
How to customize a contact form field? Store Design design	3	76	February 1, 2024
Add rounded corners to contact page boxes Store Design design , customizations	2	45	September 28, 2023

Contact Form section border-radius not effective

Related topics