How can I change the upper case letters in each button?

Store Design
,
1

Hello,

I am using the theme “Prestige”.

How can I change the upper case letters in each button? I want to have them with upper and lower case letters.

Unbenannt2PNG.PNG

Unbenannt.PNG
Unbenannt.PNG387×236 29.1 KB

2

Hello @admintb

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

a.ButtonGroup__Item.Button {
    text-transform: math-auto;
}
3

Hello @admintb
Its Artzen Technologies! We will be happy to help you today.

You can have the button text as desired, for that you have to add a simple css to button tag.
button{
text-transform: capitalize;
}

This css will make the first letter of the button capital and rest all in lowercase, in simple words it will make the button text normal.

If this solution helped you then please mark it as accepted.

Let me know if need further assistance
Regards,
Artzen Technologies

4

@oscprofessional

It only worked for the home page, all other buttons still look the same.

5

Try the solution given by us

6

@Artzen_tech

Now it says “Add To Cart” but I want “Add to Cart”.

7

Hello @admintb

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.Button {
 text-transform: math-auto !important;
}
8

Perfect! Thank’s a lot :slightly_smiling_face:

9

@oscprofessional It’s only work for the Desktop view…

10

@admintb ,

Could you please share site url here.

11

@oscprofessional

The CSS you gave me is only for Windows not for IOS Apple…

https://thebasicscollection.com/

12

Hello @admintb

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

@media screen and (min-width: 641px){
.Button {
 text-transform: math-auto !important;
}
}
13

Hi @oscprofessional

Doesn’t work…