Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 31, 2014 at 5:43 pm #272791
    rlmilton

    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

    June 1, 2014 at 4:11 am #272906
    Ismael

    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

    June 1, 2014 at 6:38 pm #272979
    rlmilton

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

    June 2, 2014 at 2:23 pm #273257
    Yigit

    Hey!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    March 9, 2016 at 11:06 pm #595891
    ryantown

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

    March 9, 2016 at 11:11 pm #595895
    Yigit

    Hi!

    Please add following code to Quick CSS 

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

    Best regards,
    Yigit

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