Solved

Make 'add to bag' bold and larger in size

Rhian_Jones
Excursionist
32 0 6

Trying to make the add ro bag font larger and bold but having no look using code reccomended to others.

 

Fashionopolism theme

 

Thanks

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6466 1548 1919

This is an accepted solution.

HI @Rhian_Jones 

Do you mean this one? 

Made4uoRibe_0-1707928669703.png

If it is check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.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:

 

input#addToCart {
    font-size: 20px;
    font-weight: 900;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.

View solution in original post

Replies 6 (6)

Rhian_Jones
Excursionist
32 0 6

Sorry! 

 

Trying to make the 'add to bag' font on product pages larger and bold. Thanks (fashionopolism theme)

alexdaro
Shopify Partner
55 4 9

Can you provide a link to your website? 

Alex Daro | Founder/Developer Theme Scheduler Pro
Looking to schedule your Shopify Theme?
Use Theme Scheduler Pro

Made4uo-Ribe
Shopify Partner
6466 1548 1919

This is an accepted solution.

HI @Rhian_Jones 

Do you mean this one? 

Made4uoRibe_0-1707928669703.png

If it is check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.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:

 

input#addToCart {
    font-size: 20px;
    font-weight: 900;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Rhian_Jones
Excursionist
32 0 6

Hi

 

Please can you also give me a code to do the same for the 'check out' button in the shopping cart.

 

Thanks

Made4uo-Ribe
Shopify Partner
6466 1548 1919

Yep sure, Replace with this code. 

 

.shopify-payment-button__button, input#addToCart {
    font-size: 20px !important;
    font-weight: 900;
}

 

And Save.

Result:

Made4uoRibe_0-1708534132976.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Rhian_Jones
Excursionist
32 0 6

Hi

 

Thats not what i mean. I dont want to change the previous code. I want to change a completely different button. 

 

I want the button shown on the cart drawer/cart page that says 'checkout' to be a bold and larger sized font- the same as the add to cart.

 

Thanks