Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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.
Solved! Go to the solution
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.
This is an accepted solution.
This should have a two underscores not one. New code is below.
.slideshow__controls{
display:none !important;
}
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.
Thanks for your help, I tried it and it doesn't seem to be working..
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?
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.
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.
This is an accepted solution.
This should have a two underscores not one. New code is below.
.slideshow__controls{
display:none !important;
}
Thank you so much!! I really appreciate it, that worked!
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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025