Hide Slideshow pause and arrows buttons
-
Hi,
How can I hide the pause and arrows buttons of my images slideshow but show them only when mouseover.
Thanks!
The blog I need help with is: (visible only to logged in users)
-
-
Hi there – I notice you have a Premium plan on your site at ojipress.com.
We recommend visiting the link below and starting a live chat to get the assistance you need for this question, and future questions you have as you work on building and launching your new site.
https://wordpress.com/help/contact
Live chat is available to you Monday through Friday. If you would rather get help here, please let us know. With Live Chat you get immediately connected to a Happiness Engineer to help you get timely answers to those questions you have. :)
-
Thanks Dean!
The support team has managed to help me achieve the exact effect I wanted!
The codes are here for anyone else who might need it:
/* Jetpack Slideshow controls on hover | 28956958-hc (KK) */
@media (min-width: 600px) {
#main .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next,
#main .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev,
#main .wp-block-jetpack-slideshow[data-autoplay=true] .wp-block-jetpack-slideshow_button-pause {
display: none;
}#main .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container:hover .wp-block-jetpack-slideshow_button-next,
#main .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container:hover .wp-block-jetpack-slideshow_button-prev,
#main .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container:hover .wp-block-jetpack-slideshow_button-pause {
display: block;
}
}
- The topic ‘Hide Slideshow pause and arrows buttons’ is closed to new replies.
WordPress.com Forums 