#134210 Shop button colors

Landing Forums JupiterX WordPress Theme Shop button colors

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • Sar Whi

    Dear team, I would like to change the colors of some of the woocommerce buttons. Could you help me with that?

    Private
    Sar Whi
    This reply has been marked as private.
    Nodari Support Team

    Hi Sara

    First of all try to change them from the default customizer options, if its not possible then use this css code:

    a.checkout-button.button:hover {
        background: #008000 !important;
        border: 2px solid #808080 !important;
    }
    a.checkout-button.button {
        background: #f00 !important;
        border: 2px solid #f00 !important;
    }
    
    /* Coupon */
    .coupon button.button:hover {
        background: #062906 !important;
        border: 2px solid #271212 !important;
    }
    .coupon button.button {
        background: #008000 !important;
        border: 2px solid #808080 !important;
    }

    Regards

    Private
    Sar Whi
    This reply has been marked as private.
    Private
    Sar Whi
    This reply has been marked as private.
    Private
    Sar Whi
    This reply has been marked as private.
    Nodari Support Team

    Hi Sara

    Ok, got it, these are missing buttons:

    /* Cart update */
    
    .woocommerce-cart table.cart tr button.button {
        background: #403838 !important;
    }
    
    /* Place order button */
    .wc-gzd-order-submit button#place_order {
        background: #f00 !important;
    }

    Thanks

    Private
    Sar Whi
    This reply has been marked as private.
    Nodari Support Team

    Hi Sara

    Ok, this code will do the trick:

    .woocommerce-cart table.cart .actions > button.button {
        background: #ff0404 !important;
    }

    Regards

    Private
    Sar Whi
    This reply has been marked as private.
    Nodari Support Team

    Hi Sara

    You mean code for all buttons used on the site? Im afraid I can’t do that because It will require a lot of time to review all the pages and generate custom css code for the buttons used on the pages ūüôĀ

    Or, you meant something else?

    thanks

    Private
    Sar Whi
    This reply has been marked as private.
    Nodari Support Team

    Hi Sara

    Here is it:

    a.checkout-button.button:hover {
        background: #008000 !important;
        border: 2px solid #808080 !important;
    }
    a.checkout-button.button {
        background: #f00 !important;
        border: 2px solid #f00 !important;
    }
    
    /* Coupon */
    .coupon button.button:hover {
        background: #062906 !important;
        border: 2px solid #271212 !important;
    }
    .coupon button.button {
        background: #008000 !important;
        border: 2px solid #808080 !important;
    }
    /* Cart update */
    .woocommerce-cart table.cart .actions > button.button {
        background: #ff0404 !important;
    }
    /* Place order button */
    .wc-gzd-order-submit button#place_order {
        background: #f00 !important;
    }
Viewing 13 posts - 1 through 13 (of 13 total)
You must be logged in to reply to this topic.
Login