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.

Hello btools,

Thanks for details.

I tested on other browsers and zoomed in more than 100%, the border still looking fine.

Best Regards,

1, This only happens with firefox, it doesn’t happen with edge. When using the edge browser, even if the browser window is large, it will display normally.

2, Even with firefox, it doesn’t happen if the browser window is small. It occurs when the browser window is very large. My computer’s monitor is 27 inches.

Hello btools,

Thanks for your patience.

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

.wd-carousel.wd-thumbs {
  overflow: visible;
}

Regards,

It is OK now, you are very good, thank you very much!
Please tell me which company developed this woodmart theme? Which country is this company from?

Hi btools,

I am support agent so I can’t answer these questions.

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,

[Author]

Posts