MyListing Club

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

  1. Grab the code snippet.
  2. Follow the provided instructions.
  3. 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;
}