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

lpdlpd
Tourist
5 1 0

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;
}

 

 

 

0 Likes
Denishamakwana
Explorer
65 9 9

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!

0 Likes