Regarding the product detail page

Regarding the product detail page, choose which image to display for the product thumbnail (see the image below for the product thumbnail inside the black oval).
Your default is that when a thumbnail is clicked with the mouse, the brightness of that thumbnail is dimmed.
But I would like to have the thumbnail wrapped in a red rectangle when clicking on it with the mouse, how can I change it to this effect instead of your default of clicking on the thumbnail and having the thumbnail dimmed.
Here are 2 images, one of them, I drew a red rectangle wrapped around this thumbnail on top of the selected thumbnail, this is the effect I want.

Attachments:

You must be logged in to view attached files.

Hi btools,

Thanks for reaching to us and appreciate your patience.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-carousel-item.wd-thumb-active{
	border: 1px solid #000;
}

Regards,

[Author]

Posts