Woocommerce button styling

  • Drain0

    (@drain0)


    9 months, 2 weeks ago

    Hello.

    I have used a “Woocommerce product collection” Gutenberg block. But the add to basket buttons do not have the hover colour set by my theme, and I cannot see how to style them in the page and the customizer settings are not being obeyed.

    How can turn off the Gutenberg styling so that the buttons are the same as my theme settings?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Syagamreddy Adireddy

    (@adireddy)

    8 months, 3 weeks ago

    I ran into this same issue when using Gutenberg and WooCommerce blocks with theme. The “Add to Cart” button didn’t follow the hover styles from the customizer either. What worked for me was adding some custom CSS to force the hover color to Override.

    .wc-block-grid__product .wp-block-button__link:hover { background-color: #your-color-code !important; color: white !important; }

    You can add this in the Additional CSS section in the Customizer. Hope that helps.

Viewing 1 replies (of 1 total)

The topic ‘Woocommerce button styling’ is closed to new replies.