Need css code to on chang add to cart button text font size and bold

Hello,

Could you provide css code to on change add to cart button text font size and to bold it?

Thank you in advance.

Regards,
Alex

Hello,

Please clarify which button you need to change: on a product grid or in product page?

Best Regards

product page.. if convenient can you also give me also for product grid.. easier for me..

Thank you in advance.

Regards,
Alex

Hello,

Here is CSS code:

/*grid*/

.basel-hover-alt .btn-add>a {
    color: #000;
    font-size:20px;
    font-weight: 700;
}

/*product page */

.single_add_to_cart_button {
     font-weight: 700;
    font-size: 30px;
}

Change the values as per your needs and add the code to the Theme Settings > Custom CSS

Best Regards

Hello,

Thank you for your Support.

Could you also provide CSS codes to change text font size and to bold for the buttons at Cart Pop In (screenshot 1), Add To Cart page (screenshot 2), Checkout page (screenshot 3)?

Thank you in advance.

Attachments:

You must be logged in to view attached files.

Hello,

Here you are:

.button, button, input[type=submit] {
font-size: 18px;
font-weight:bold;
}

Please change the font size and add the code to the Theme settings > custom CSS.

Best Regards

Hello,

Thank you for your solution. However I want to have more control over each individual button text format so that I can test out the best text format for each button for my sales conversion:

Could you provide me individual CSS codes to change text font size and to bold for each button at Cart Pop In (screenshot 1), Add To Cart page (screenshot 2), Checkout page (screenshot 3)?

Thank you in advance.

Attachments:

You must be logged in to view attached files.

Hello,

Here is the code:

/*cart in widget*/
.widget_shopping_cart .buttons a {
font-size: 14px;
font-weight:bold;
}
/*coupon*/
.woocommerce .cart-actions .coupon .button {
font-size: 14px;
font-weight:bold;
}
/*update*/
.woocommerce .cart-actions .button {
font-size: 14px;
font-weight:bold;
}
/*proceed to checkout*/
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout > a.button{
font-size: 14px;
font-weight:bold;
}
/*place order*/
.woocommerce .place-order button{
font-size: 14px;
font-weight:bold;
}

Best Regards

Great Support! Thank you! Appreciate your help very much!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts