How can I alter the color of my slideshow button without affecting the add to cart button?

Hello, when I change the color of my slideshow button it also effects the color of the add to cart button on my product pages. Is there a way I can only change the color of the button on the slideshow without it effecting the add to cart button on the product pages?

Theme: Empire

My site: https://evrlo.co

Hi @pman1 ,

We can definitely help take a look, would you mind providing a screenshot to the specific slideshow you are referring to?

Best regards,

Layoutbase - Homepage & landing page-builder

Hello @pman1 :waving_hand:

Inside Shopify Admin, you can go to Themes, Edit code, open file theme.css (or theme.css.liquid) and paste this code snippet at the bottom

.slideshow-slide__button {
    background-color: #0000ff !important;
}

The result

Make sure to change the color value as you need. Hope that helps!

In Themes → Customize, select the slideshow. You can then set the button styling to primary or secondary

If you set it to Primary it would be your primary green color,

Only if you want to put a completely different color, override it with CSS.

.slideshow-slide__button {
    background-color: #ffffff !important;
}

Do checkout our app, you can create any theme edit task in it and we will do it for you. The first task is free!

1 Like

Hello @pman1

Go to the online store >theme>Edit code >Assets>theme.css>add code in this file.

.slideshow-slide__button--secondary {
    background-color: #FF0000 !important;
    border: 1px solid #FF0000 !important;
}