Changing The Add To Cart Text Style - Refresh Theme

Store Design
,
1

Hello, I’d like to make 2 changes to my current add to cart button:

1: I’d like to change the text style to be capitalized and larger

2: I’d like my add to cart button not to have round edges

Current add to cart:

belal5_0-1688769704535.png

Desired add to cart:

belal5_1-1688769720465.png

How can this be achieved?

Site URL: 68bff2.myshopify.com

2

@Mia_Flake

Please add the following code at the bottom of your assets/section-main-product.css file.

.product-form__buttons .product-form__submit {
    border-radius: 0px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

Thanks!

3

Hi @belal5

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.product-form__submit {margin-bottom: 1rem; border-radius: 0 !important; text-transform: uppercase !important; font-weight: bold; font-size: 16px !important;}

Regards,

San

4

Thanks, however, on hover, there’s the rectangle and on top of it, there’s the circular shape.

5

@belal5

Please add the following code at the bottom of your assets/section-main-product.css file.

.product-form__buttons .product-form__submit:after {border-radius: 0px !important;}