Solved

How can I remove slideshow buttons on the Refresh theme?

Khaleed
Excursionist
29 0 5

I am having some issues with my slideshow on the Refresh theme, as the pictures are set to automatically slide every 5 seconds.
Their is no need for the arrows and pause button to show up there.
I looked this up several times & only found answers about other themes, looked up the code as showed but can't seem to find a solution.
Is there someone who can help me with this?

Greatly appreciated, thank you.

Screen Shot 2022-07-22 at 11.50.56 pm.png

Accepted Solutions (2)

BaileyPaserk
Shopify Partner
94 7 23

This is an accepted solution.

Hi Khaleed,

The Refresh theme has a main css file, and a CSS file for each section/component. You can either edit the "base.css" file, or the "component-slideshow.css" file.

 

I usually add custom code to the very bottom of the base.css files for changes like this. 

The code you want to add here is:

.slideshow_controls{
   display:none !important;
}

The "!important" is not always necessary, but without it, your change may not appear depending on when the file is loaded in compared to the other styles that are loaded in for the sections. 

Bailey Paserk

View solution in original post

BaileyPaserk
Shopify Partner
94 7 23

This is an accepted solution.

This should have a two underscores not one. New code is below. 

.slideshow__controls{
display:none !important;
}

Bailey Paserk

View solution in original post

Replies 9 (9)

BaileyPaserk
Shopify Partner
94 7 23

This is an accepted solution.

Hi Khaleed,

The Refresh theme has a main css file, and a CSS file for each section/component. You can either edit the "base.css" file, or the "component-slideshow.css" file.

 

I usually add custom code to the very bottom of the base.css files for changes like this. 

The code you want to add here is:

.slideshow_controls{
   display:none !important;
}

The "!important" is not always necessary, but without it, your change may not appear depending on when the file is loaded in compared to the other styles that are loaded in for the sections. 

Bailey Paserk
Khaleed
Excursionist
29 0 5

Thanks for your help, I tried it and it doesn't seem to be working..

SmallTask
Shopify Partner
973 41 55

Hello @Khaleed 

 

Can you share your website URL so that I can check and provide you with the appropriate solution to remove the slideshow buttons?

banned
BaileyPaserk
Shopify Partner
94 7 23

Have you tried it with code in both sections? With important included?

 

If you want, you can share your URL and I can test the code in browser.

 

 

Bailey Paserk
Khaleed
Excursionist
29 0 5

Yep, I'll send it over. Thanks again, I really appreciate it

 

https://eclatled.com/

BaileyPaserk
Shopify Partner
94 7 23

Sorry, it looks like I made a type, there should be two underscore characters not one. So .slideshow__controls

 

ill update it in my original comment and it should work.

Bailey Paserk
BaileyPaserk
Shopify Partner
94 7 23

This is an accepted solution.

This should have a two underscores not one. New code is below. 

.slideshow__controls{
display:none !important;
}

Bailey Paserk
Khaleed
Excursionist
29 0 5

Thank you so much!! I really appreciate it, that worked!

aehill2017
Visitor
1 0 0

Which one did you put it in? The actual slide show css or overall? I followed this chain and mine is not working at all.