Remove a border around slideshow on Craft Theme

Solved

Remove a border around slideshow on Craft Theme

jianimo1
Tourist
7 0 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. 

Accepted Solution (1)
themehelper
Excursionist
15 3 4

This is an accepted solution.

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

.slideshow__controls {
    border: 0px !important;
}

Thank You.

View solution in original post

Replies 6 (6)

KetanKumar
Shopify Partner
37598 3668 12156

@jianimo1 

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.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

GemPages
Shopify Partner
5625 1262 1279

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
jianimo1
Tourist
7 0 1

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

themehelper
Excursionist
15 3 4

This is an accepted solution.

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

.slideshow__controls {
    border: 0px !important;
}

Thank You.

themehelper
Excursionist
15 3 4

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

MandasaTech
Shopify Partner
723 146 151

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>

 

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page