Change Carousel Arrows to Gallery Slideshow Arrow

[tuanphan]

If you want to change this arrow carousel style

to this arrow slideshow style

You can use this CSS code to Custom CSS box.

button.user-items-list-carousel__arrow-button--left:before {
    content: "\E02C";
    font-family: 'squarespace-ui-font';
    color: #593c20 !important;
    font-weight: 600 !important;
    speak: none;
    font-weight: normal;
    font-size: 1.8rem;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    z-index: 999 !important
}
button.user-items-list-carousel__arrow-button--right:before {
    content: "\E02D";
    font-family: 'squarespace-ui-font';
    color: #593c20 !important;
    font-weight: 600 !important;
    speak: none;
    font-weight: normal;
    font-size: 1.8rem;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    z-index: 999 !important
}
.user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area {
    display: none !important
}
button.user-items-list-carousel__arrow-button svg {
    display: none;
}