Make 'add to bag' bold and larger in size

Store Design
,
1

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

Fashionopolism theme

Thanks

1 Like
2

Sorry!

Trying to make the ā€˜add to bagā€™ font on product pages larger and bold. Thanks (fashionopolism theme)

3

Can you provide a link to your website?

4

HI @Rhian_Jones

Do you mean this one?

Made4uoRibe_0-1707928669703.png
Made4uoRibe_0-1707928669703.png800Ɨ146 1.13 KB

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!

1 Like
5

Hi

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

Thanks

1 Like
6

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
Made4uoRibe_0-1708534132976.png779Ɨ263 2.53 KB

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

7

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