Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
My slideshow currently has annoying gray border that I would like to remove. I changed some of the code to remove other elements (like slide number), but unfortunately can't find the border one. See picture below,
Thank you for any suggestions.
Solved! Go to the solution
This is an accepted solution.
@jianimo1
Add this code at the bottom of component-slideshow.css
.slideshow__controls {
border: 0px !important;
}
Thank You.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Hello @jianimo1
Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?
Kind & Best regards,
GemPages Support Team
This is an accepted solution.
@jianimo1
Add this code at the bottom of component-slideshow.css
.slideshow__controls {
border: 0px !important;
}
Thank You.
@jianimo1
Kindly share your store URL so,
I can solve your problem and can give the best solution.
Thank You.
Hello @jianimo1
I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :
<style>
.slideshow__controls {
border: 0px !important;
}
</style>
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025