How to bold and capitalize buy buttons in Dawn 10 theme?

Store Design
,
1

Hello,

Do you know how to capitalize and bold the buy buttons for the dawn 10 theme?

Thanks for your help.

1 Like
2

Hi @manurun ,

If this buttons you are talking about you can use this code.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.css, styles.css or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.

Ribe_Dagandara_0-1686479367591.png
Ribe_Dagandara_0-1686479367591.png624Ă—502 38.7 KB

button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
    text-transform: capitalize;
    font-weight: bolder;
}

Result:

Ribe_Dagandara_1-1686479500067.png
Ribe_Dagandara_1-1686479500067.png631Ă—518 40.5 KB

If the selector are not same in yours, would you mind to share your URL website with password if its protected so i can provide you the exact code. Thanks!

1 Like
3

Hi @manurun

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

Online Store ->Theme ->Edit code

Assets ->Base.css

.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
    text-transform: uppercase;
    font-weight: bold;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like
4

Hi, there,
Thank you very much for your help, it was very useful.

5

Hi,
Thank you very much, it was very useful.