Change font size and make uppercase font in button and change button size itself on product page

[monomgroup]

Hello,

we are looking to change font size and make the all letters in the button to uppercases. Also we are looking for code to change button size both buttons on product page. Can anyone help? 

page url: www.mism.store 

Thank you!

Best,

team mism

[ZestardTech · Accepted solution]

Hello There,

Admin go to online store -> themes -> actions -> edit code
Find Asset >base.css and paste this at the bottom of the file:

.product-form__submit {
    text-transform: uppercase;
    font-size: 18px;
}
.shopify-cleanslate .h7OYsWHrW5495r9beh2n {
    padding-left: 12px !important;
    padding-right: 12px !important;
    text-transform: uppercase;
    font-size: 18px!important;
}

[monomgroup]

Thanks, that worked!

[Sanjay25]

Hey Monomgroup,

Please follow the below steps to make font uppercase in Add to cart button.

1. Go to Online Store->Theme->Edit code

2) Go to Snippet
3) Open buy-buttons.liquid snippet file

4) Go to 59 line Number and add this class => uppercase

If you are still unclear, refer the below screenshot

Screenshot: https://d.pr/4SPiTp

To change font size of the both button, please follow the below steps

1. Go to Online Store->Theme->Edit code

2) Go to Asset

3) Go to base.css

4) Add the below code in bottom of the file (If still unclear for you please refer the screenshot that I have added)

.product-form__submit, .shopify-payment-button__button{
text-transform:uppercase;
font-size:1.8rem !important;
}

Screenshot: https://d.pr/sHwpVt

After making this change, you can get this result : https://d.pr/i/8DiGOp

Thanks!