Custom CSS WooCommerce

  • Resolved alyssaalexander

    (@alyssaalexander)


    11 months, 2 weeks ago

    Hello, and thank you in advance for any assistance. I have a little CSS experience but not a ton. Sometimes I manage it, and sometimes I don’t!

    I’m putting together a WooCommerce store for a friend. The site is here:

    https://www.tylorpaige.com/store/

    I’ve already set the button color to #3aebb5 for the theme, as well as the WooCommerce button in customizer. That worked for the full catalog shop, but I need to sort the products by category. The button in the category block by WooCommerce is picking up the Sydney theme default (red) and the text link color (green) from Customizer.

    I’m trying to turn the button in this block to #3aebb5 and white text to match the rest of the site.

    I tried a number of variations of code (and spent entirely too many hours researching), this code being the most recent:

    .wc-block-grid__product-add-to-cart
    .wp-block-button {
    background-color:#3aebb5;
    color: #fff;
    }

    I clearly have it wrong, but as I said above, I have some experience but not a ton.

    Again, thank you for any assistance!

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • You mean the buttons in your link? Try this:

    .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  background-color: #3aebb5;
  color: #fff;
}
    Thread Starter alyssaalexander

    (@alyssaalexander)

    That did it! Thank you so much, threadi! I was close, but knew I was missing something in inspect.

    Most appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS WooCommerce’ is closed to new replies.

Tags