Remove divider lines in slideshow controls

[IeuanJames]

i am struggling to remove the divider lines around the pagination buttons beneath my slideshow. I have found codes which removes the majority of them but there is one bugger still there! its between the pause button and the right arrow (see photograph). I am using the craft theme, with a slideshow on the home page (no idea if thats any help!)

the code i used which works to get rid of the rest (if anyone needs it or if it helps to solve my own issue) was:

slideshow-component .slideshow__controls{
border: none;
}

which i put at the bottom of the component slider css file

if anyone has any ideas i would very grateful

all the best,

Ieuan

[Dan-From-Ryviu]

Hi @IeuanJames

Dan here from Ryviu: Product Reviews & QA app.

Please use this code to remove that border.

.slideshow__autoplay.slider-button {
border-left: none !important;
}

[IeuanJames]

Thank you so much! exactly what i needed