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>
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025