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
6076 1461 1800

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


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
6076 1461 1800

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


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
6076 1461 1800

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


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