Proceed to Checkout and Add to Cart Buttons disappear

  • bridgetown-marketing

    (@bridgetown-marketing)


    8 years ago

    I went in to add custom code on the woocommerce css file in order to remove the add to cart buttons on the menu page for my products – however, it ended up removing the hover effect on the add to cart and proceed to checkout buttons.

    Need help making my hover effect not go to #fff anymore. Have searched the css for

    .woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover

    which has this styling:
    {background-color:#935386!important;color:#fff}

    Which I believe is what I want. A purple button with white font – that remains that way when it is hovered over.
    Please advise!

Viewing 6 replies - 1 through 6 (of 6 total)
  • ThemeSumo

    (@themesumo)

    Can you provide a link to your site please so I can inspect further?

    Thanks.

    Thread Starter bridgetown-marketing

    (@bridgetown-marketing)

    Example 1: https://www.foodforzen.com/product/recipe-ebook/
    Example 2: https://www.foodforzen.com/product/recipe-ebook/

    ThemeSumo

    (@themesumo)

    Thanks for the links.

    I don’t see a Add To Cart or Proceed to Checkout buttons, I did notice that the View Cart button was missing a white hover color, which you can rectify using this:

    .woocommerce a.button:hover {
    color: #fff;
}

    Simply add the code to your Child Theme style.css file, or by using a Custom CSS plugin.

    It may help with the other buttons, if not just link me to pages with the mis-styled buttons and I’ll provide you with some additional custom CSS code.

    Hope this helps.

    EDIT: This also fixes other buttons such as Return To Shop, and Continue Shopping.

    • This reply was modified 8 years ago by ThemeSumo. Reason: More information
    Thread Starter bridgetown-marketing

    (@bridgetown-marketing)

    You don’t see the Proceed to Checkout button?

    It is purple and it is under the content at the top half of the page. I am able to see it on all browsers. I don’t want the view cart button – as I have a cart in the main menu.

    I just need the buttons mentioned to not disappear on hover. It happens on all product pages and also on the cart page.

    ThemeSumo

    (@themesumo)

    Yes I see that now, but not the View Cart button. And none of your buttons are disappearing when hovered over, the mouseover styles are the same as the normal styles so their isn’t a mouseover effect that’s visible.

    On your products I can only see a Purchase button.

    Thread Starter bridgetown-marketing

    (@bridgetown-marketing)

    The hover effect seems to only be an issue on Safari and Chrome browsers.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Proceed to Checkout and Add to Cart Buttons disappear’ is closed to new replies.