• Resolved albriro

    (@albriro)


    Hi Nick,

    How can I remove the view cart button bag icon?

    Also, I am unable to change button colors for ALL of the Woocommerce pages buttons. Do you have any css for this?

    Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello,

    Here the css to hide the bag icon:

    .woocommerce ul.products li.product .added_to_cart:after {display: none}

    You can change the button colors via the WooCommerce > Advanced Styling section of the customizer.

    Thread Starter albriro

    (@albriro)

    Hi Nick,
    Thanks for the code. That worked nicely.

    Unfortunately, the button changes still don’t work properly for me.

    Woo > advanced styling > product entry add to cart – works perfectly for the small “add to cart” and “view cart” buttons on the Home page and Shop page.

    General options > theme buttons – change most of the other Woo buttons, however after publishing, they will revert back to the demo default colors once I leave the page. This includes the Woo custom sidebar “view cart” and “checkout” buttons.

    Only the “update cart” (cart page) and “place order” (checkout page) buttons hold their changes.

    I have cleared the cache and deactivated all plugins except Elementor and Woocommerce, but this has not helped. I have also found this issue with the Store demo.

    Thanks for your help on this.

    Theme Author oceanwp

    (@oceanwp)

    Hi, what colors do you want for the two buttons?

    Thread Starter albriro

    (@albriro)

    Hi Nick,
    Thanks for getting back to me. I’m not sure if I was clear enough on the problem so let me just list the buttons:

    BUTTONS that save Color changes:
    .All product “add to cart” “view cart” buttons
    .Cart page: “update cart”
    .Checkout page: “place order”
    .Drop down Menu cart: “checkout”
    .Contact form 7: “send” button

    Buttons NOT saving color changes and reverting to demo default colors (8):
    .Drop down Menu cart: “view cart”
    .Woocommerce sidebar: “view cart”, “checkout”
    .Product view page: Big “add to cart”, “view cart”
    .Cart page: “undo?”, “return to shop”, “proceed to checkout”

    Is there some CSS I could add to override the demo default?

    Were you able to recreate this issue or you think this is just on my end?

    Thanks man.

    Theme Author oceanwp

    (@oceanwp)

    Hi, thanks for the clarification ??
    For the “checkout” button, it is via the WooCommerce > Menu Cart section.
    For all other buttons, it is via the General Options > Theme Buttons section.

    Thread Starter albriro

    (@albriro)

    Ahhh sarcasm….anyway Nick, I have been doing exactly as you say ^^^^
    —————————————————————————————–
    The problem is after using the correct buttons and making the changes I want, then publishing, If I leave the page and then come back, the changes always revert back to the demo default colors.
    —————————————————————————————–
    This also happens on the Store demo.

    Theme Author oceanwp

    (@oceanwp)

    I just tried, there is no problem, are you in a new window? Because WooCommerce may cache your page.
    I have added my own colors to the Theme Buttons section, all the buttons in the single product page, cart, checkout, menu cart, etc, have the new colors.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove view cart icon and change woocommerce button colors’ is closed to new replies.