Decrease Font Size for Contact Form Heading - Both Desktop & Mobile
@duart2023 which header size do you want to reduce? I think the header text has been removed
Hi @suyash1 It is the text where it has ‘Name’ , ‘Company (Optional)’, ‘Email’, ‘Message’. Can you please help?
Hi @Tosynos_dev It is the text where it has ‘Name’ , ‘Company (Optional)’, ‘Email’, ‘Message’. I would like it decreased on both mobile and desktop. Can you please help?
@duart2023 - add this css
.template-suffix-contact .contact-form label{font-size: 12px;}
Sorry @suyash1 Unfortunately that code didn’t work. Tried placing in style ccs and theme liquid.
@duart2023 - add !important to it, so it becomes
.template-suffix-contact .contact-form label{font-size: 12px !important;}
Hi @duart2023
You can change the font size following this instruction:
-
Go to Shopify > Theme > Customize
-
Copy and paste this code on Theme settings > Custom CSS section
form#contact_form .flexible-layout.flexible-layout--form label {
font-size: 12px !important;
}
Here is the result :
I hope it helps.
Thank you