Hover image thumb

  • Resolved pierremichaux

    (@pierremichaux)


    7 years ago

    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)
  • etoilewebdesign

    (@etoilewebdesign)

    7 years ago

    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;
}
    Thread Starter pierremichaux

    (@pierremichaux)

    7 years ago

    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

    (@etoilewebdesign)

    7 years ago

    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;
}
    Thread Starter pierremichaux

    (@pierremichaux)

    7 years ago

    Great, many thanks for your support

    etoilewebdesign

    (@etoilewebdesign)

    7 years ago

    You’re welcome @pierremichaux!

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

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

Tags