Decrease Font Size for Contact Form Heading - Both Desktop & Mobile URL: https://duoarthouse.com.au/pages/contact [IMG_1841.PNG]

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 : …

Decrease Font Size for Contact Form Heading - Both Desktop & Mobile

Store Design

suyash1 December 6, 2024, 1:59am 2

@duart2023 which header size do you want to reduce? I think the header text has been removed

Topic		Replies	Views
Dawn Theme - Reduce font size for Email Sign Up header only. Store Design	3	20	March 1, 2022
How to reduce the size of 'Contact' header text? Store Design	3	148	October 23, 2022
How to center the contact us form heading? DAWN THEME Store Design design , customizations , css	2	34	November 25, 2022
Reduce text size of user entries on contact us pop up Store Design design , customizations , css , troubleshooting , html	2	16	June 5, 2024
How can I make the 'Email' font size smaller than the header? Store Design troubleshooting	3	27	January 25, 2022

Decrease Font Size for Contact Form Heading - Both Desktop & Mobile

Related topics