How can I alter the color scheme of slide show buttons?

Store Design
1

How can I edit the colour scheme of the button on these slide shows without impacting the buttons in other sections?

Thanks :slightly_smiling_face:

houssamalissa_0-1628775693687.png
houssamalissa_0-1628775693687.png1435×583 987 KB

2

@houssamalissa

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

#shopify-section-1628688271d06dcc1f .slideshow-wrapper .hero__text-wrap .hero__link .animation-contents  .btn {
color: #ffffff !important; /* to change the color of text */
background-color: #000000 !important; /* to change the background color */
}

#shopify-section-1628688271d06dcc1f .slideshow-wrapper .hero__text-wrap .hero__link .animation-contents  .btn:hover {
color: #000000 !important; /* to change the color of text on hover*/
background-color: #ffffff !important; /* to change the background color on hover */
}
1 Like
3

Brilliant! Thank you!!

1 Like
4

Question:

How do I find the equivalent part of the code (red) for other sections? I’d like to be able to change button colours elsewhere but not sure how to construct this bit below…

#shopify-section-1628688271d06dcc1f .slideshow-wrapper .hero__text-wrap .hero__link .animation-contents .btn {

5

@houssamalissa Please let me know in which section do you want to change the color?

1 Like