How to delete border lines from slideshow

Store Design
,
1

URL code: https://60338a.myshopify.com/

Hi

Im facing the issue conserning, border lines under the slideshow photos.

I don’t know how to delete them.

I put the photo of what border lines i mean. If someone has solution how to delete them i will be greatfull to show me. Thank you in advance

how to 3.jpg
how to 3.jpg563×497 25.6 KB

2

Hi @UL1

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.slideshow__controls.slider-buttons.no-js-hidden {
    border: none;
}
footer.footer.color-background-1.gradient.section-sections--19383194648912__footer-padding {
    border-top: none !important;
}
  • And Save.

i hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Hi

It worked on mobile but not on desktop view, also i have corner radious on photos on slideshow but it also doesn’t work on desktop.

Do you know any solution how to make this both things work on desktop as well as on mobile. Thank you in advance

4

Can you try this one.

Same Instruction.

.footer {
    border-top: none !important;
}
.slideshow__controls {
    border: none;
}

And Save.

I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

No (now it doesn’t work even on mobile)

It didn’t work, i don’t really need the top border of footer to disappear just the border of slideshow controls and to make photos of slideshow corner radius.

6

Oh, Okay I understand now. Try this one, I put some border radius also.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.slideshow__controls.slider-buttons.no-js-hidden {
    border: none !important;
}

div#Slider-template--19383194288464__a7974e7e-a095-40c0-a2fb-21ff6aa682ed {
    border-radius: 20px;
}

I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!