Change slideshow footer color in Dawn theme

Store Design
1

Screenshot 2023-12-02 at 8.23.33 AM.png
Screenshot 2023-12-02 at 8.23.33 AM.png2894×842 425 KB

I’d like to learn how to change the color of the navigation arrow section at the bottom of the slideshow on my home page to black and the navigation arrows and icons to white.

I’m using the Dawn theme…

thank you!

2

You could give this a try. Go to your Slideshow section and add this Custom CSS,

.slideshow__controls { 
  background-color:#000; 
}
.slideshow__controls, .slideshow__controls .slider-button .icon { 
  color:#fff; 
}
.slideshow__controls .slideshow__autoplay .icon { 
  filter: invert(94%) sepia(0%) saturate(2%) hue-rotate(137deg) brightness(106%) contrast(101%);
}

My two cents. Good luck!

3

glorious, thank you good sir!