Request to Change Active Tab Color in Product Grid Style

Hello,

I have selected the product style in the grid as shown in the screenshot. This specific style displays the product gallery on hover, using a “tab bottom” appearance.

As you can see in the screenshot, there are four lines below the product, with one of them highlighted in a darker shade to indicate the active tab.

Would it be possible to provide me with CSS code to change the color of the active tab line from dark gray to orange (#FF6602)?

Thank you very much!

Attachments:

You must be logged in to view attached files.

Hello jimfarg,

Thanks for reaching to us.

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

div.wd-product-grid-slider-pagin{
	filter: none;
}
	
.wd-product-grid-slider-dot.wd-active{
    background-color: #000;
}

div.wd-product-grid-slider-dot.wd-active{
	opacity: 1;
}

Regards,

[Author]

Posts