How can I customize the Dawn theme slideshow?

Store Design
1

I want to take off a few of the slideshows default content off such as the arrows, grey lines and pause button. The only thing I want to keep are the dots.

Please provide coding to solve this issue.

Web capture_4-11-2023_195648_www.feminiquebycameron.com.jpeg
Web capture_4-11-2023_195648_www.feminiquebycameron.com.jpeg1439×901 180 KB

2

Hello @Anonymous :waving_hand:

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.slider-button,
.slideshow__autoplay {
    display: none;
}

The result

Screenshot 2023-11-05 at 09.15.21.png
Screenshot 2023-11-05 at 09.15.21.png1434×316 64.5 KB

Hope that helps!

3

I copied and pasted at the bottom of my base.css file and nothing happened.

4

If that is the case, just add !important like this

.slider-button,
.slideshow__autoplay {
    display: none !important;
}

If that still does not work, please leave the code there and let me know so I can check that.

5

okay that worked, thank you!! but I also requested that the grey lines be removed as well.

Web capture_4-11-2023_215357_www.feminiquebycameron.com.jpeg
Web capture_4-11-2023_215357_www.feminiquebycameron.com.jpeg794×328 42.2 KB

6

You can add this code to remove that line

.slideshow__controls {
    border-bottom: none !important;
}
7

Hi @Anonymous

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.slideshow__controls {
    border-bottom: none !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly