Re: Make 'add to bag' bold and larger in size

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
10100 2398 3034

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

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 5 10

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
10100 2398 3034

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
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
10100 2398 3034

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
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