Hi I am building this website softsavg.com
I want all the text on the site to be in capital.
Can some please help me with this?
Topic summary
A user seeks to convert all text on their Shopify store (softsavg.com) to uppercase letters.
Solutions Provided:
Three community members offered CSS-based solutions:
-
Method 1: Add
text-transform: uppercase;to the body selector via the theme’s Custom CSS option in the Customizer (Theme Settings) -
Method 2: Insert a
<style>block with the same CSS rule in thetheme.liquidfile, placed above the closing</body>tag -
Method 3: Add a
<style>block intheme.liquidbefore the closing</head>tag
All approaches use the CSS property text-transform: uppercase applied to the body element. Screenshots demonstrate the expected outcome showing site-wide capitalized text.
Status: Multiple working solutions provided; awaiting original poster’s confirmation of which method was implemented.
1 Like
If you want all your text in the capital letter then use below CSS.
body {
text-transform: uppercase;
}
You can go to the Online store → Click on the Customize button → Click on the theme Settings → Use Custom CSS option and add the above CSS.
After adding the CSS the result will be like this https://prnt.sc/fF-WxaX_J1xl
All your text is in capital after.
If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Hey @DasPod
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!