How can I make all text lowercase on my website?

Store Design
, , , ,
1

hey guys,

i want to have my whole website lowercase and i have tried to follow coding advice i have found on other posts here, however, they haven’t worked for me. mostly they are suggesting to go into the assets folder and then “theme.css” but unfortunately, when i go into assets, i don’t have a “theme.css” to select. i am using the theme “studio”.

is there any way to transform each character from uppercase to lowercase? e.g in the sign up section, the box says “Email” but i want it to be “email”. i would also want for it to automatically transform newly added characters from uppercase to lowercase, if possible.

could you please help me?

thanks so much in advance.

2

@U64738920 can you send me the URL to this page?

3

https://www.houseofe.com.au

4

https://www.houseofe.com.au

5

@U64738920 please give me the password so I can check

frankausau_0-1669167163942.png
frankausau_0-1669167163942.png1885×924 31.6 KB

6

gawree

7

Hi @U64738920 ,

This is Victor from PageFly - Shopify Page Builder App.

This happens because your theme has another structure. But you can make it work when you paste the code at the base.css file

Step 1: Online Stores > More action > edit code > base.css

Step 2: Paste the whole code at the very bottom of the file

Hope this can help you solve the issue.

Best regards,

Victor | PageFly

8

Hello @U64738920 :waving_hand:

You can go to file base.css and add this code snippet at the bottom

* {
    text-transform: lowercase !important;
}

::-webkit-input-placeholder { /* Edge */
  text-transform: lowercase !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-transform: lowercase !important;
}

::placeholder {
  text-transform: lowercase !important;
}

This will change your whole site text to lowercase, even the input placeholder.

Hope that helps!