Im having trouble trying to figure out how to get rid of the line and arrows on my slideshow. I want to keep the dots but turn them white and that they should be on the image. I currently have it transparent on the image but the line arrows and dots are in black. (Dawn 15.0)
Can you please share your store’s URL?
Hello @ape514
Follow the steps
Go to Online Store > Theme > Edit Code > base.css file
slideshow-component:not(.page-width) .slider-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
slideshow-component button.slider-button {
display: none !important;
}
slideshow-component .slider-counter__link–dots .dot {
border: 1px solid #fff !important;
}
slideshow-component .slider-counter__link–active.slider-counter__link–dots .dot {
background: #fff !important;
}
Will Look like this
Thank you
Hi @ape514 ,
You can do like this. you need to little bit customize your theme, if you want you can follow these steps:
Login Admin > Online Store > Click on three dot of your theme > Edit Code >
search base.css and add this code bottom of that file
.slider-counter--dots {
margin: 0 1.2rem;
position: absolute;
bottom: 3%;
}
.slider-button {
color: #000000;
background: white;
border: none;
cursor: pointer;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
box-shadow: 0px 0px 10px #00000045;
}
.slideshow__autoplay.slider-button {
display: none;
}
.slider-button--prev {
left: 5%;
}
.slider-button--next {
right: 1%;
}
@oscprofessional this worked thank you! how can i remove the seperator line though?
it also doesnt seem to be working with the grid option in slideshow