Vertical image sliding in Slider layout

CSS Codes Photo Gallery
1

Add this code to the Custom CSS field on the Style tab of your Photo Gallery widget’s settings:

[role="button"][aria-label="Previous"] {
top: 0 !important;
left: 50%;
transform: rotate(90deg) translateX(30%);
}

[role="button"][aria-label="Next"] {
bottom: 0 !important;
top: unset !important;
left: 50%;
transform: rotate(90deg) translateX(-30%);
}

.eapp-photo-gallery-pagination-component {
top: unset;
bottom: unset;
left: unset;
right: unset;
transform: rotate(90deg) translateY(50%);
right: -30px;
top: 0px;
bottom: 0px;
width: fit-content;
flex-grow: 1;
}

.eapp-photo-gallery-slider-slider {
box-sizing: border-box;
}
1 Like