How can I change text in boxes to capital letters?

Store Design
1

hi everyone!

is there a way to edit the text in the boxes to capital letters?

Schermafbeelding 2022-03-20 om 15.32.46.png
Schermafbeelding 2022-03-20 om 15.32.46.png2815×1374 119 KB

thanks

Christian Russo

2

Yeah, these are placeholders.
Go to theme>edit code> Search for a page contact.liquid or something like that> Open the file and search for placeholder and there you have it. You can change all the settings there…

Let me know if this helps

3

I can’t find it

4

No problem, I got you. Contact me here at https://hammad.live

5

Hello @christian_russo ,

Two ways to do it.

  1. Add this css in theme.css at bottom
input { 
    text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: uppercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: uppercase;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: uppercase;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: uppercase;
}
::placeholder { /* Recent browsers */
    text-transform: uppercase;
}
  1. Go to active theme → languages → click on contact page tab and here you can change placeholders as you need.

Thanks

6

i don’t have theme.css, I use the dawn theme what is it called here?

7

Add it in base.css or any other css file. Just make sure you will not break the existing css code.
And if css solution will not work then follow alternative