Skip to content

Instantly share code, notes, and snippets.

@harisrozak

harisrozak/slider-pro-image-sides-navigation.css

Last active February 3, 2020 02:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save harisrozak/03e4696467be802fab9a101724f7d86c to your computer and use it in GitHub Desktop.
Save harisrozak/03e4696467be802fab9a101724f7d86c to your computer and use it in GitHub Desktop.
Download ZIP
Custom CSS for Slider Pro and Feslider WP Plugin
Raw
slider-pro-image-sides-navigation.css
/**
* 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