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

Solved

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

Atlas3
New Member
6 0 0

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. 

 

 

 

Accepted Solution (1)

GemPages
Shopify Partner
5625 1261 1232

This is an accepted solution.

Hello @Atlas3 ,

 

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

GemPages_0-1678855404357.png

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

GemPages_1-1678855421241.png

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

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 6 (6)

Not applicable

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
Shopify Partner
7865 1785 3079

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
Tourist
13 0 1

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

GemPages
Shopify Partner
5625 1261 1232

This is an accepted solution.

Hello @Atlas3 ,

 

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

GemPages_0-1678855404357.png

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

GemPages_1-1678855421241.png

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

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
VaseemAnsari
Visitor
2 0 0

This solution is not working for Dawn theme version 11.0

dor_seah
Visitor
1 0 0

It worked!    Thank you @GemPages