Narrative slideshow button...remove outline and make background transparent

Shopify Discussion

Topic summary

A user successfully resolved an issue with slideshow button styling by removing outlines and making backgrounds transparent to achieve a floating text effect.

Solution provided:

  • Custom CSS code targeting slideshow buttons specifically
  • Code affects only slideshow buttons while leaving other site buttons unchanged
  • The user acknowledges some code may be redundant but confirmed it works

Key CSS elements used:

  • background-color: transparent
  • border: 0 and outline: 0
  • Targeted selectors for slideshow CTA buttons and payment buttons

Status: Resolved. Another user encountered the same issue and also successfully implemented the solution.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

I’m revising my post because I ended up figuring it out. I wanted to remove the outline and background color on the slideshow buttons so that it had a floating text effect. A combination of the code below ended up working for me. I’m pretty sure I have some redundant code in the last bit but I was trying anything to remove the border/outline so I was pretty much throwing code at the platform until something worked and apparently this did. I haven’t troubleshooted yet to figure out which is the snippet (border or outline) actually doing the trick. In any case, this affects only the buttons on the slideshow and leave thes rest of the buttons on the site untouched.

.slideshow__heading-cta{
background-color: transparent;

}

#Slideshow-slideshow .btn::after, .shopify-payment-button .shopify-payment-button__button–unbranded::after, .btn–secondary::after {
outline: 0;

}
a.slideshow__heading-cta.btn {
background-color: transparent;
border: 0;
outline: 0;
}

2

Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url & screenshot where you want to do modification, so that I will solve your issue here!

3

Hey! I’m having the exact same issue. Where should I paste the code you posted?

4

Nevermind! Problem solved.