If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #27461

    Working on a site based on Coherence and I’d like to setup the slider so that the PREV / NEXT buttons only appear on hover, instead of being visible at all times.

    On a touch / mobile I still want it to be user friendly etc. though.

    It seems a lot of the other themes that use Avia slider have this hover functionality, so I’m hoping it’s an easy fix.

    Looking forward to your response, and thank you for making such amazing themes!



    You can add this on your custom.css or Quick CSS

    .arrow_controls.slide_controls {
    opacity: 0;

    #slideshow_big:hover .arrow_controls.slide_controls {
    opacity: 1 !important;




    OK, that will work. I thought perhaps the Avia slider had that option and it was disabled.

    To make it match the “zoom” button in the middle, I’ve added this:

    transition: opacity .5s ease-out;

    -moz-transition: opacity .5s ease-out;

    -webkit-transition: opacity .5s ease-out;

    -o-transition: opacity .5s ease-out;

    Thanks for your help Ismael!



    Glad it worked. :)



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘slideshow buttons only appear on hover’ is closed to new replies.