Looking to change colors on buttons

Hi,

I would like to change the color of the buttons (see attached image). Can you please tell me how I can change the button to a darker color and the arrows white? Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. To change the color of the button on the product page you need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-show-product-gallery {
background: red !important;
}

For the color of the carousel arrows add the following Custom CSS.

.woocommerce-product-gallery .owl-carousel .owl-nav .owl-next .owl-prev {
color: red;
}

.woocommerce-product-gallery .owl-carousel .owl-nav .owl-prev {
color: red;
}

You can set the colors according to your needs.

Best Regards.

Hi Aizaz,

Thanks for your help on those changes. But there are two more buttons that I circled in red (they were hard to see). Can you please help me change those too?

Thanks

Chris

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

I saw the screenshot you attached. Please try and add the following Custom CSS to change the color of the buttons.

.slick-prev.slick-arrow.slick-disabled {
background: green;
}

.slick-next.slick-arrow {
background: green !important;
}

You can set the color according to your needs.

Best Regards.

Hi,

Perfect that helps. Feel free to close the tickets 🙂

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts