Capitalise all heading text

[golazocases]

Hi i want to capitalise all the heading text and button on my store.

my URL is golazocasesuk.myshopify.com

theme: trade

thanks

[BSS-TekLabs]

- Here is the solution for you @golazocases 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it. 

.button, .button-label, .shopify-challenge__button, .customer button {
    text-transform: uppercase !important;
}

- Here is the result you will achieve:

- If you want to capitalize any part, please mark it so I can help you.

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[golazocases]

This has worked for the buttons but I also want all the heading text on the store to be capitalised. Including the product names and menu headings etc

[BSS-TekLabs]

.button, .button-label, .shopify-challenge__button, .customer button, .header__menu-item span, .full-unstyled-link, .accordion__title, .product__title>* {
    text-transform: uppercase !important;
}

Can you try change to this code @golazocases 

[golazocases]

Thanks, this has worked but I would also like these newsletter heading text and the useful links text also to be capitalised. 

[BSS-TekLabs]

.button, .button-label, .shopify-challenge__button, .customer button, .header__menu-item span, .full-unstyled-link, .accordion__title, .product__title>*, .inline-richtext.h1, .footer-block__heading {
    text-transform: uppercase !important;
}

Can you try this code @golazocases 

[golazocases]

Hasnt worked

[BSS-TekLabs]

Can you check again. Or is there any part you want to print in capitals?

[golazocases]

Thanks this has worked but can you revert the filter text on mobile back to default (not capitals) - the 'club/country and sort' text

[BSS-TekLabs]

.button, .button-label:not(.mobile-facets__open-label), .shopify-challenge__button, .customer button, .header__menu-item span, .full-unstyled-link, .accordion__title, .product__title>*, .inline-richtext.h1, .footer-block__heading {
    text-transform: uppercase !important;
}

Can you try this code @golazocases 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[golazocases]

Thanks, it doesnt seem to have sorted the cart page though or the custom pages such as 'Shipping Info'.

On the Shipping Info page I would like the heading to be capitalised but also to be medium sized like the 'contact us' text on the contact page.

As for the cart page, I would like the 'Your cart', 'Subtotal', and product titles to also all be capitalised.

[niraj_patel]

Hello @golazocases 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   .button, .btn, input[type="button"], input[type="submit"], .btn--primary, .btn--secondary {
       text-transform: uppercase !important;
   }

  h1, h2, h3, h4, h5, h6,  a {

    text-transform: uppercase !important;

  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[golazocases]

Hi, thanks this has worked well but there is some text I don't want to be fully capitalised:

1) 'Continue Shopping' link text at cart page

2) Menu links (mega menu and footer menu) - i.e. Contact page

Please help with this

[golazocases]

regarding 2)

the mega menu links keep capitalised but the sub links (under 'collections') keep not fully capitalised

please ensure the 'collections' text is capitalised