Looking to change colors on buttons

This topic has 5 replies, 2 voices, and was last updated 4 years, 5 months ago by Aizaz Imtiaz Awan.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
June 17, 2020 at 9:47 pm #204367

eangee
Participant

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.

June 18, 2020 at 8:06 am #204465
Aizaz Imtiaz Awan
Keymaster
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.
June 18, 2020 at 1:51 pm #204595

eangee
Participant

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.

June 19, 2020 at 6:05 am #204702
Aizaz Imtiaz Awan
Keymaster
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.
June 19, 2020 at 1:41 pm #204843

eangee
Participant

Hi,

Perfect that helps. Feel free to close the tickets 🙂

June 20, 2020 at 5:45 am #204953

Aizaz Imtiaz Awan
Keymaster

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