Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Custom CSS for Slider Pro and Feslider WP Plugin
/**
* Custom CSS for Slider Pro and Feslider WP Plugin
* Make the slide navigation to become image-sides-clicking instead of arrows-clicking
* Tested on Slider Pro v1.3 and Feslider 1.2
*/
.slider-pro > .sp-slides-container > .sp-arrows.sp-arrows {
height: 100%;
top: 0;
margin: 0;
}
.slider-pro > .sp-slides-container > .sp-arrows > .sp-arrow {
width: 50%;
height: 100%;
}
.slider-pro > .sp-slides-container > .sp-arrows > .sp-arrow.sp-next-arrow {
right: 0;
}
.slider-pro > .sp-slides-container > .sp-arrows > .sp-arrow.sp-previous-arrow {
right: 0;
}
.slider-pro > .sp-slides-container > .sp-arrows > .sp-arrow:before,
.slider-pro > .sp-slides-container > .sp-arrows > .sp-arrow:after {
background-color: transparent;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment