How do I remove pause/play button and arrows from below a slideshow? Dawn Theme

Shopify Discussion
1

Hi, I was just wondering how do i remove the pause/play button and the 2 arrows from the bottom of the slideshow in dawn theme.

2

Add this code at the bottom of your “base.css” file in your Assets folder (Edit code):

slideshow-component > button.slider-button {
  display: none important;
}
3

Hi @Atlas3

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.slideshow__controls.slideshow__controls–top.slider-buttons.no-js-hidden {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

Hello @Atlas3 ,

You can follow these steps:

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

GemPages_0-1678855404357.png
GemPages_0-1678855404357.png400Ă—193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1678855421241.png
GemPages_1-1678855421241.png1163Ă—958 66.9 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

5

This solution is not working for Dawn theme version 11.0

6

this is the code that is working at the moment. thanks bro

7

It worked! Thank you @GemPages