Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 12, 2020 at 2:02 pm #1222072
    Partecipant

    Hi,

    in my website appear an overlow white when click the link on the slideshow, is possible remove that background color and leaving the link that I put? I would like remove that background and leave the link

    Best Regards

    June 12, 2020 at 11:18 pm #1222217
    Nikko

    Hey Partecipant,

    Can you try adding this CSS code in Quick CSS:

    #top .avia-fullwidth-slider .avia-slideshow-inner .image-overlay {
    display: none !important;
}

    Hope it helps.

    Best regards,
    Nikko

    June 13, 2020 at 9:14 am #1222336
    Partecipant

    Hi Nikko,

    this work but I need that something senses that you click a link, I exclude the buttons because the text I build in photoshop or I build the same text in the same position in easy slider?

    Best Regards

    Thank you

    June 13, 2020 at 12:15 pm #1222349
    Nikko

    Hi Partecipant,

    Maybe have the opacity (or make it a bit opaque) lowered when hovered.
    Or perhaps, have a grayscale slider and shows the original color on hover?
    Let us know which you prefer, or maybe you have a better idea than what I mentioned :)

    Best regards,
    Nikko

    June 15, 2020 at 8:58 am #1222566
    Partecipant

    HI,

    Can you let me both ideas:
    Maybe have the opacity (or make it a bit opaque) lowered when hovered.
    Or perhaps, have a grayscale slider and shows the original color on hove

    Could you let me both for quick css? Yes?

    Let me know, thank you

    June 15, 2020 at 12:33 pm #1222618
    Nikko

    Hi Partecipant,

    Here it is:

    opacity (or make it a bit opaque) lowered when hovered:

    #top .avia-fullwidth-slider .avia-slideshow-inner li a:hover .image-overlay {
    display: block !important;
    opacity: 0.3 !important;
}

#top .avia-fullwidth-slider .avia-slideshow-inner .image-overlay .image-overlay-inside {
    display: none !important;
}

    grayscale slider and shows the original color on hover

    #top .avia-fullwidth-slider .avia-slideshow-inner li img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#top .avia-fullwidth-slider .avia-slideshow-inner li:hover img {
    -webkit-filter: none;
    filter: none;
}

    Best regards,
    Nikko

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