How can I modify the slideshow on the Dawn theme?

Store Design
1

Hello, I am currently experiencing problems with the slideshow on the dawn theme.

  1. I would like to change the button color without using the container that encroaches on my banner.

  2. Remove the dividing lines under the slideshow.

  3. If possible, add arrows to change the image that is displayed but have them directly on the slideshow.

I hope I’ve been clear enough, I’ve been stuck on this since last night and I still can’t fix it today… Thanks in advance for your help!

Site : https://alma-jewelry-6eb9.myshopify.com/
Pw: disaop

2

@jdst

.slideshow__controls.slider-buttons.no-js-hidden.slideshow__controls–border-radius-mobile {
border: none;
}

.banner__buttons a.button.button–primary {
background: red;
color: #fff;
}

Change color as per you need.

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

2 Likes
3

Cheers King

4

Thank youu!

Just wanted to say that for me it was under:

Online Store->Theme->Edit code->Assets->base.scss.liquid

not theme.scss.liquid as this option does not appear for me, I only have base.scss.liquid