Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #272791

    I want to assign a link to most of my slider images (layer slider and easy slider) but when I do the hover overlay becomes too distracting. How can I remove that overlay (just on sliders, not on other images) or adjust it’s transparency?

    The first slide on this page will show you what I’m talking about. Just hover over the first slide to see the overly I want to modify:

    http://itm.vm-host.net

    #272906

    Hey rlmilton!

    Thank you for using the theme.

    You can add this on Quick CSS or custom.css if you want to disable the image overlay for full width sliders:

    .avia-fullwidth-slider span.image-overlay.overlay-type-extern {
    display: none !important;
    }

    Cheers!
    Ismael

    #272979

    Awesome – that worked for the easy slider. Will this also work for the layer slider?

    #273257

    Hey!

    Please add following code to Quick CSS as well

    .avia-layerslider span.image-overlay { display: none !important; }

    Cheers!
    Yigit

    #595891

    Can you give us the code to adjust the level of opacity?

    I have been trying this but it isnt working:

    .avia-slide-wrap:hover .image-overlay {
    background: #D50D0D;
    opacity: 0.6;
    }

    #595895

    Hi!

    Please add following code to Quick CSS

    .avia_transform a:hover .image-overlay {
        opacity: 0.4 !important;
    }

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.