Dawn Theme: How do I change the colour of slideshow controls?

Store Design
1

I want my slider controls to be the same blue as used on the rest of my website. However, I’ve noticed that the slideshow controls colour responds to “text” colour, which also responds to the text on the menu.

Is there any way I can keep my “text” colour white and only change the slideshow controls to #0022EE?

See below what I mean by slideshow controls.

Thanks!

Screenshot 2022-04-27 at 09.29.25.png
Screenshot 2022-04-27 at 09.29.25.png3360×1940 726 KB

2

@SebastianL ,

Can you share the store URL?

Thanks.

3

https://pleasedontbetaken.myshopify.com/

4

@SebastianL ,

Password…

5

lutred

6

@SebastianL ,

.slideshow__controls.slider-buttons.no-js-hidden button {
    color: #0022EE;
}
.slider-counter__link--dots .dot {
    border: #0022EE;
    background: #0022EE;
}
.slider-counter__link--active.slider-counter__link--dots .dot {
    background: #0022EE;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

1 Like
7

Thanks a bunch! That worked.