Is it possible to change the style text of the add to cart and buy now button https://ibb.co/HPDJNJf see screenshot
im trying to make the text on the button to be more bold and look like this see screenshot https://ibb.co/Hq7Sd09
This topic has 5 replies, 3 voices, and was last updated 4 years ago ago by Rose Tyler
Is it possible to change the style text of the add to cart and buy now button https://ibb.co/HPDJNJf see screenshot
im trying to make the text on the button to be more bold and look like this see screenshot https://ibb.co/Hq7Sd09
Hello,
Add the below code to Theme Options > Custom CSS
.single-product-builder .single_add_to_cart_button.button, .single-product-builder .single_add_to_cart_button.button.disabled, .single-product-builder .etheme-sticky-cart .etheme_custom_add_to_cart.single_add_to_cart_button {
font-weight: bold;
font-size: 16px;
text-transform: capitalize;
}
.et_product-block .cart .quantity {
margin-bottom: 20px;
}
Regards
can we do this to all dark and light buttons on my website
Hello,
In this case, replace the previous code with this one
.btn.small.black, .btn.medium.black, .btn.big.black, .before-checkout-form .button, .checkout-button, .shipping-calculator-form .button, .single_add_to_cart_button.button, .single_add_to_cart_button.button:focus,
.single_add_to_cart_button.button.disabled, .single_add_to_cart_button.button.disabled:hover, form.login .button, form.register .button, form.register .button.woocommerce-Button, form.lost_reset_password .button, .woocommerce-EditAccountForm .woocommerce-Button, .empty-cart-block .btn, .empty-category-block .btn,
.woocommerce-mini-cart__empty-message .btn, .form-submit input[type="submit"], #commentform input[type="button"],.form-submit input[type="submit"]:focus, .my_account_orders .view, .et-quick-view-wrapper .product_type_variable,
.et-quick-view-wrapper .product_type_variation, .coupon input[type="submit"], .widget_search button, .widget_product_search button, .woocommerce-product-search button, form.wpcf7-form .wpcf7-submit:not(.active),
.woocommerce table.wishlist_table td.product-add-to-cart a, .wcmp-quick-info-wrapper form input[type=submit], .product_list_widget .buttons a, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist, .btn-checkout,
.mini-cart-buttons .button:not(.btn-checkout), .mini-cart-buttons a, .form-row.place-order .button {
font-weight: bold;
font-size: 16px;
text-transform: capitalize;
}
.et_product-block .cart .quantity {
margin-bottom: 20px;
}
Regards
Hello Yusuf Moolla,
We’d appreciate if you could take a moment to give us 5-stars on ThemeForest! https://themeforest.net/downloads
Regards
The issue related to '‘Add to cart text’' has been successfully resolved, and the topic is now closed for further responses