Change added text size and lowercase on 'Contact us' page

Solved
DGDD
Tourist
8 0 1

Hello!

I'm wondering if I can get some help on formatting non-form text in our 'Contact Us' page. We added some custom text regarding customers to reach out for customer/larger orders and wanted to put that text right below the heading. It reads as "For catering, events...etc".

Our problem is the text is automatically uppercase, and I can't find out how to make it lowercase and smaller size font.

We're working off the Emerge theme, but I've made the adjustment in the 'page.contact.liquid' page. The current code is below as well as how the page currently looks. Any help would be amazing. Thanks in advance! 

        {% form 'contact', id: 'contact_form_page' %}
			<p>
            <label for="ContactForm">*For catering, events or large order inquiries, please fill out the contact form below and we will promptly get in touch with you!</label>
          </p>
          <p>
            <input
              class="{% if form.errors contains 'name' %}error{% endif %}"
              type="text"
              name="contact[name]"
              value="{{ contact.fields.name }}"
              aria-label="{{ contact_name_t }}"
              placeholder="{{ contact_name_t }}"
            />

 

DGDD_0-1621268690264.png

 

 

0 Likes

This is an accepted solution.

Hi @DGDD,

Please add this CSS code at the very bottom of your theme--async.css file.

label {
    text-transform: inherit !important;
}

 

Please do let me know if it works for you.
Thank you! 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
DGDD
Tourist
8 0 1

Thank you!! This solved it. Huge help

0 Likes

@DGDD, No problem, You're always welcome.

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes