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

[Atlas3]

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. 

[Anonymous]

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;
}

[PageFly-Victor]

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

[Zenaural]

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

[GemPages · Accepted solution]

Hello @Atlas3 ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

<style>
.shopify-section slideshow-component .slideshow__controls {
    display: none;
}
</style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[VaseemAnsari]

This solution is not working for Dawn theme version 11.0

[dor_seah]

It worked!    Thank you @GemPages