How can I improve slideshow pagination visibility on the Dawn theme?

Store Design
, ,
1

Hello

I’m using the Dawn theme slideshow functionality on the homepage of my website [www.hobbster.co.uk]. The numbers are a hard to see against some of the images it sits on top of on desktop. Is there a way put them in a white box e.g. so that they have better standout, a little like the attachment below:

Solomond_0-1706198515082.png
Solomond_0-1706198515082.png314×155 6.11 KB

Thank you in advance.

2

Hey @Solomond ,

Please add this CSS

  1. Go to Online Store > Theme > Edit code.

  2. Open the “theme.liquid” file

  3. Paste the below code before the “” tag on “theme.liquid”
3

Hello @Solomond

Please paste the CSS in base.css file.

.slider-counter__link--numbers {
  background: white;
  margin: 0 5px;
}
slideshow-component .slider-button {
  background: white;
}

Thanks