How can I remove slideshow buttons on the Refresh theme?

[Khaleed]

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.

 

[BaileyPaserk · 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. 

[BaileyPaserk · 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. 

[Khaleed]

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

[SmallTask]

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?

[BaileyPaserk]

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.

[Khaleed]

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

https://eclatled.com/

[BaileyPaserk]

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.

[BaileyPaserk · Accepted solution]

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

.slideshow__controls{
display:none !important;
}

[Khaleed]

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

[aehill2017]

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.