Dawn Theme - Slideshow section: change the color of the bottom page bar

Hello,

Looking for some help in changing the color of the bottom ‘page turn’ bar of the slideshow section in the Dawn theme?

I would like to turn the white to #cdcabe to match the background of the site. I’ve attached a picture of the current white bar for reference.

I’ve tried the following and have been unsuccessful:

  1. Adding custom CSS to the slideshow section

.slideshow__controls.slider-buttons.no-js-hidden.slideshow__controls–border-radius-mobile {

background: #cdcabe;

}

  1. Adding the following to Base.css

.slideshow__controls.slider-buttons.no-js-hidden button {

color: #CDCABE;

}

.slider-counter__link–dots .dot {

border: #CDCABE;

background: #CDCABE;

}

.slider-counter__link–active.slider-counter__link–dots .dot {

background: #CDCABE;

}

Any other ideas?

Hope this code is helpful to you!

.slideshow__controls {
    background-color: #cdcabe;
}