Remove a border around slideshow on Craft Theme

Technical Q&A
1

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,

jianimo1_0-1670899109914.png

Thank you for any suggestions.

1 Like
2

@jianimo1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

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

4

@jianimo1
Kindly share your store URL so,
I can solve your problem and can give the best solution.
Thank You.

5

My website is https://www.daofco.com

6

@jianimo1
Add this code at the bottom of component-slideshow.css

.slideshow__controls {
    border: 0px !important;
}

Thank You.

7

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 :
<style>
.slideshow__controls {
border: 0px !important;
}
</style>