Add left & right arrow overlays on top of my slideshow (Dawn theme)

Shopify Discussion
10

@Multicoloruni Please replace the code with below code. Let me know whether it works for you.

.slideshow__controls {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    justify-content: space-between !important;
}
.slider-counter {
    display: none !important;
}
.slider-button {
    background-color: #ffffff5e;
    width: 24px !important;
    height: 24px !important;
    margin: 0px 10px;
    z-index: 10;
}
.slider-button svg{
    display: block !important;
}

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.