Color of all buttons - by Gry4you - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Olga Barlow

  • Avatar: Gry4you
    Gry4you
    Participant
    February 2, 2018 at 15:13

    Hi,

    I would like to change the color for all buttons!

    With Rose help I was able to change the colors of the buttons like: .btn-checkout, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist .btn-view-cart.

    I have change color for all of buttons, for example: custon_add_to cart in wishlist page:

    Standard color of button should be like this:

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 3, 2018 at 12:37

    Hello,

    We can understand nothing from tons of your custom code because we need to see the site and work with styles in real time.

    Please, create temporary access to your site with limited permissions (we need access to Theme Options only) and tell me what buttons do not change the colors (provide screenshots).

    Very likely some code should be removed, another one – added.

    Regards

    Avatar: Gry4you
    Gry4you
    Participant
    February 5, 2018 at 16:16

    Hi,

    I used this code and it worked:

    .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist, .checkout-button, .single_add_to_cart_button, .shopping-container .btn-view-cart, .before-checkout-form .button, form.login .button, form.register .button, .price_slider_wrapper .button, .empty-cart-block .btn {
    background-color: #0b1fba !important;
    color: #ffffff;
    border-color: #0b1fba !important;
    }
    .et-wishlist-widget:hover, .wishlist-dropdown .buttons:hover, .btn-view-wishlist:hover, .checkout-button:hover, .single_add_to_cart_button:hover, .shopping-container:hover, .btn-view-cart:hover, .before-checkout-form .button:hover, form.login .button:hover, form.register .button:hover, .price_slider_wrapper .button:hover, .empty-cart-block .btn:hover {
    background-color: #000000 !important;
    color: #ffffff;
    border-color: #000000 !important;
    }

    Is this code wrong?

    Regards
    Damian

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 5, 2018 at 16:52

    Hello,

    It looks like ok, if it works for you then you can use it.

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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