Gallery Cover Navigation Arrows
Building better MyListing websites. One code snippet at a time.
Overview
The Gallery Cover Navigation Arrows code snippet allows for more design capabilities within a MyListing website by applying navigation arrows to Single Listing cover areas.
Implementation
- Grab the code snippet.
- Follow the provided instructions.
- Save your changes.
//// INSTRUCTIONS:
//// Copy and paste the code snippet below into Theme Tools > Theme Options > Custom Code > CSS.
--------------------------- CODE SNIPPET IS BELOW THIS LINE ---------------------------
/* ML - SINGLE LISTING - GALLERY COVER - NAV */
.header-gallery-carousel.owl-carousel .owl-nav.disabled {
display: block;
}
.header-gallery-carousel.owl-carousel .owl-nav>div {
opacity: 1;
visibility: visible;
display: block;
}
.header-gallery-carousel.owl-carousel .owl-nav > div.owl-prev {
left: 20px;
}
.header-gallery-carousel.owl-carousel .owl-nav > div.owl-next {
right: 20px;
}