Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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!

    #134095

    Hi,

    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;
    }

    Regards,

    Ismael

    #134096

    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!

    #134097

    Hey,

    Glad it worked. :)

    Cheers,

    Ismael

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

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