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,

According to your method, when clicking on a thumbnail with the mouse, the thumbnail is wrapped in a red rectangle now.
However, when the thumbnail is clicked with the mouse, the brightness of that thumbnail is still dimmed. I need the brightness of the thumbnail to be the same as the other thumbnails that are not clicked with the mouse, and also be bright and not dimmed. How can I achieve this?

Hi btools,

Thanks for your patience.

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

div.wd-gallery-thumb :is(.wd-carousel-item:hover,.wd-thumb-active,.wd-carousel:not(.wd-initialized) .wd-carousel-item:first-child) {
    opacity: 1;
}

Kind Regards,

1, When I open my product detail page using Firefox the following happens:
(1), when the browser window is large, some of the borders of the square boxes of my product thumbnails will not be displayed, please see Figure 1 below.
(2), when the browser window is small, the square box of my product thumbnail can be displayed normally, please see Figure 2 below.
2, when I use edge browser to open my product detail page, the above situation does not occur, the square box of the product thumbnail can be displayed normally.

Please tell me how to fix the problem?

Attachments:

You must be logged in to view attached files.

Hello btools,

Thanks for your patience.

Please provide URL of the mentioned page, so I can take a closer look.

Best Regards,

please tell me your email address, I will send the url to your email.
I can not tell you the url in the web page, because other persons will know my website.

My website receives harassing emails every day, and many of the harassing emails also intentionally send me URL links and file attachments with viruses, and I’m afraid that if I publish the URL here, I will receive more such emails, and I’m also afraid that the website will be attacked by others.
Why do I get so many harassing emails and website attacks when I use wordpress to build my website?

Hello btools,

You can put your site into Private section, then only you and me can see it.

Best Regards,

I do not know how to put site into Private section.
Please tell me your email address.

Hello btools,

It’s below the reply section https://ibb.co/CVGm7FF

Best Regards,

the website is in the Extra information below, please tell me how to fix the problem.

[Author]

Posts