Move List Carousel arrows to top right of Images

[tuanphan]

To move List Carousel arrows to top right of images, you can follow these.
#1. First, edit Carousel Arrows > Set these options

Arrows will appear in bottom right of images.

#2. Use this code to Custom CSS to move arrows to top right of images

div.user-items-list-item-container {
    display: flex;
    flex-direction: column-reverse;
}
div.user-items-list-item-container [class*="-arrows"] {
    margin-bottom: 20px;
}
@media screen and (max-width:767px) {
    div.user-items-list-item-container .desktop-arrows {
        display: flex !important;
    }
    div.user-items-list-item-container .mobile-arrows {
        display: none !important;
    }
}