Remove arrows and tangle without removing dots in slideshow

[reyph]

I just want to remove arrows, pause and tangle but without removing dots in the slideshow, this is Studio theme. any code please? Thank you.

[oscprofessional]

@reyph
Hello,

.slider-button.slider-button--prev, .slider-button.slider-button--next, .slideshow__autoplay.slider-button.no-js-hidden {
	display: none;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

[reyph]

but I don’t want the gray rectangular

[oscprofessional]

@reyph
Hello,

.slider-counter__link--dots .dot {
	border-color: #ff0000;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

like this

this solution is useful so please like and accept solution.

[reyph]

Thanks for your help. but I didn’t mean the dots’ color.

I meant the rectangular around the dots.. I want it to be hidden

[oscprofessional]

@reyph
Okay no issue

.slider-counter.slider-counter--dots{
background-color: #f00;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

check this

[reyph]

Thanks but this what i mean

[oscprofessional]

@reyph
Hello,

.slideshow__controls.slider-buttons.no-js-hidden {
	background-color: transparent;
	border: none;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

[reyph]

@oscprofessional

Worked.. Thank you so much