I want to add display arrows in slideshow

[swayurindia]

I want to add display arrows in slideshow Just like the below screenshot

my website like is www.swayur.com

[David_SHT]

Hi @swayurindia 

This is David at SalesHunterThemes.

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one) so we can help you.

[techdignity]

Hi Swayurindia,

Welcome to the Shopify community.

Do you want to show arrows like this screenshot?

Then, please apply below CSS in your base.css file.

body .slider-button {   
    background: #000 !important;
    color: #fff !important;
    border-radius: 50% !important;
}
body .slider-button svg{   
    height: 20px !important;
}

Please apply this CSS and let me know if you have any other questions.

Please do not forget to accept the solutions 🙂

Thanks!

[swayurindia]

I want the buttons to be displayed on center left and center right. I hope you have understood?

[techdignity]

Hi @swayurindia 

Please add below CSS that will work for you.

.slideshow__controls {
    position: absolute;
    width: 100%;
    top: 45%;
}
slideshow-component {
    position: relative;
}
button.slider-button.slider-button--prev {
    position: absolute;
    left: 0;
}
button.slider-button.slider-button--next {
    position: absolute;
    right: 0;
}
.slider-counter.slider-counter--dots {
    position: absolute;
    bottom: -260px;
}

[swayurindia]

IT IS  NOT WORKING