Add to cart text - by Yusuf Moolla - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 4 years ago ago by Rose Tyler

  • Avatar: Yusuf Moolla
    Yusuf Moolla
    Participant
    June 14, 2021 at 17:40

    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

    4 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    June 15, 2021 at 13:08

    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

    Avatar: Yusuf Moolla
    Yusuf Moolla
    Participant
    June 17, 2021 at 17:45

    can we do this to all dark and light buttons on my website

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    June 18, 2021 at 11:19

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 19, 2021 at 16:04

    Hello Yusuf Moolla,

    We’d appreciate if you could take a moment to give us 5-stars on ThemeForest! https://themeforest.net/downloads

    Regards

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Add to cart text’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.