Title: woocommerce product hover
Last modified: May 27, 2019

---

# woocommerce product hover

 *  Resolved [honour](https://wordpress.org/support/users/honour/)
 * (@honour)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-product-hover/)
 * I am trying to use the woocommerce plugin for just product display and description.
   Now i wanted to have an hover background colour change for product image and 
   read more button. I used css customize like .woocommerce .product :hover {background-
   color: black; color: white; However this is changing all the background in product
   page like the inner pages background as well. can i get help to change the background
   of the product and the read more background only instead of changing the background
   of inner pages and its contents.

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

 *  [madeincosmos](https://wordpress.org/support/users/madeincosmos/)
 * (@madeincosmos)
 * Automattic Happiness Engineer
 * [6 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-product-hover/#post-11578818)
 * Hi [@honour](https://wordpress.org/support/users/honour/),
 * I understand you’re looking for a way to change product background on hover on
   shop & category pages, but leave it unchanged on the product page itself? In 
   that case we’ll need an additional qualifier that we’re looking for a product
   that is a part of a bigger list. By default WooCommerce uses `ul.products` for
   that:
 *     ```
       .woocommerce ul.products .product :hover { 
          background-color: black; color: white; 
       }
       ```
   
 * If this doesn’t help, please send a link to one of your category pages – it’s
   possible that some themes may modify default WooCommerce classes.
 * Cheers!
 *  Thread Starter [honour](https://wordpress.org/support/users/honour/)
 * (@honour)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-product-hover/#post-11587252)
 * Great! Thanks a lot! Works like a charm!
 *  [madeincosmos](https://wordpress.org/support/users/madeincosmos/)
 * (@madeincosmos)
 * Automattic Happiness Engineer
 * [6 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-product-hover/#post-11587264)
 * Awesome, glad to hear I could help 🙂
 * I’m closing this thread for now. If there’s anything else we can help you with,
   feel free to start a new one at any time.
 * Have an amazing day!

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

The topic ‘woocommerce product hover’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [madeincosmos](https://wordpress.org/support/users/madeincosmos/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/woocommerce-product-hover/#post-11587264)
 * Status: resolved