Title: Hover image thumb
Last modified: May 16, 2019

---

# Hover image thumb

 *  Resolved [pierremichaux](https://wordpress.org/support/users/pierremichaux/)
 * (@pierremichaux)
 * [7 years ago](https://wordpress.org/support/topic/hover-image-thumb/)
 * Dears,
    Is there a way to control the color when you hover a product in the catalogue?
   Also a way to control the background of the button “Details”? Thank you, Pierre
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhover-image-thumb%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [7 years ago](https://wordpress.org/support/topic/hover-image-thumb/#post-11539833)
 * Hi [@pierremichaux](https://wordpress.org/support/users/pierremichaux/),
 * Yes absolutely! You can use Custom CSS to solve your issue.
 *     ```
       /* Product background */
   
       .prod-cat-contemporary-hover-div:hover {
       	background: rgba(0,0,255,0.6);
       }
   
       /* Product Details Button */
   
       .prod-cat-contemporary-hover-button {
       	background: rgba(255,0,0,0.6) !important;
       }
   
       /* Product Details Button Hovered state */
   
       .prod-cat-contemporary-hover-button:hover {
       	background: rgba(0,255,0,0.6) !important;
       }
       ```
   
    -  This reply was modified 7 years ago by [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/).
    -  This reply was modified 7 years ago by [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/).
 *  Thread Starter [pierremichaux](https://wordpress.org/support/users/pierremichaux/)
 * (@pierremichaux)
 * [7 years ago](https://wordpress.org/support/topic/hover-image-thumb/#post-11541171)
 * Perfect, what about the text color? I cannot find the CSS…(Text = Détails)
    Last
   thing, below the price on the same page I got a border of 2 or 3px with a green
   color, can I change it too? Many many thx! Pierre
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [7 years ago](https://wordpress.org/support/topic/hover-image-thumb/#post-11541356)
 * Hi [@pierremichaux](https://wordpress.org/support/users/pierremichaux/)
 * No problem! And yes you can change those elements using additional CSS as well:
 *     ```
       /* Details button text color */
   
       .prod-cat-contemporary-hover-button {
       	color: red !important;
       }
   
       /* Details button text color - hovered state */
   
       .prod-cat-contemporary-hover-button:hover {
       	color: blue !important;
       }
   
       /* Bottom green border */
   
       .upcp-thumb-item {
       	border-bottom: 3px solid pink;
       }
       ```
   
    -  This reply was modified 7 years ago by [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/).
 *  Thread Starter [pierremichaux](https://wordpress.org/support/users/pierremichaux/)
 * (@pierremichaux)
 * [7 years ago](https://wordpress.org/support/topic/hover-image-thumb/#post-11545061)
 * Great, many thanks for your support
 *  [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [7 years ago](https://wordpress.org/support/topic/hover-image-thumb/#post-11556854)
 * You’re welcome [@pierremichaux](https://wordpress.org/support/users/pierremichaux/)!

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

The topic ‘Hover image thumb’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-product-catalogue/assets/icon-128x128.png?rev=1805317)
 * [Ultimate Product Catalog](https://wordpress.org/plugins/ultimate-product-catalogue/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-product-catalogue/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-product-catalogue/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-product-catalogue/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-product-catalogue/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-product-catalogue/reviews/)

## Tags

 * [hover](https://wordpress.org/support/topic-tag/hover/)

 * 5 replies
 * 2 participants
 * Last reply from: [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * Last activity: [7 years ago](https://wordpress.org/support/topic/hover-image-thumb/#post-11556854)
 * Status: resolved