Dawn theme - add to cart button uppercase

[troydewit]

Hi,

Is it possible to change the add to cart and checkout buttons in the Dawn theme to display text in uppercase and bold formatting?

Kind regards

[Simonsron]

.product-form__buttons .product-form__submit,.product-form__buttons .shopify-payment-button__button{
    text-transform: uppercase;
    font-weight: 900;
}

find base.css

[GemPages]

Hello @troydewit ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[PageFly-Victor]

Hi @troydewit

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.product-form__buttons button {
    text-transform: uppercase;
    font-weight: bold;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[troydewit]

Hi, thank you for your reply, t looks great on the add to cart button!

Is this same look possible for the ‘Check out’ button on the cart drawer and cart page?

[GemPages]

Hi @troydewit ,

You could please try adding the below code before

Best regards,
GemPages Support Team

[PageFly-Victor]

Hi @troydewit

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.cart-drawer .cart__checkout-button, 
.cart__checkout-button {
  text-transform: uppercase;
  font-weight: bold;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[jahlsten]

Hello,

Thank you so much for your input!

I am trying to change all the buttons (“back to blog” in the end of a blog post & “view all” below the collections to uppercase, without success. Do you know a code to fix it? I use the Dawn theme, and the address of my website is www.abstractsurvival.com

Thank you so much!

Jenni

[esztedory]

That worked on the product page, thanks @PageFly-Victor ! How can I do the same thing and change “Add to cart” button to all caps on the home page in the Featured collection module in Dawn theme?