Support » Plugin: Product Catalog » Hover image thumb

  • Resolved pierremichaux

    (@pierremichaux)


    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 to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor EtoileWebDesign

    (@etoilewebdesign)

    Hi @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;
    }
    pierremichaux

    (@pierremichaux)

    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

    Plugin Contributor EtoileWebDesign

    (@etoilewebdesign)

    Hi @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;
    }
    pierremichaux

    (@pierremichaux)

    Great, many thanks for your support

    Plugin Contributor EtoileWebDesign

    (@etoilewebdesign)

    You’re welcome @pierremichaux!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.