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

[duart2023]

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

URL: https://duoarthouse.com.au/pages/contact

[duart2023]

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?

[suyash1]

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

[duart2023]

Hi @suyash1 It is the text where it has 'Name' , 'Company (Optional)', 'Email', 'Message'. Can you please help?

[suyash1]

@duart2023 - add this css

.template-suffix-contact .contact-form label{font-size: 12px;}

[duart2023]

Sorry @suyash1 Unfortunately that code didn't work. Tried placing in style ccs and theme liquid.

[suyash1]

@duart2023 - add !important to it, so it becomes

.template-suffix-contact .contact-form label{font-size: 12px !important;}

[LizHoang]

Hi @duart2023 

You can change the font size following this instruction:

1. Go to Shopify > Theme > Customize

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