hover effect

  • Resolved cornflakegirl

    (@cornflakegirl)


    6 years, 4 months ago

    Hi,

    I was wondering if it is possible to style the front overlay to have a semi-transparent background colour? Then when the cursor is hovered over there’s no overlay or to have the reverse of this effect – to have a colour overlay when hovered over?

    My site is currently in maintenance mode so have not included a link to the page in question.

    Thanks,
    Edel

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi,

    This can be achieved only by adding custom css code.

    Would you please contact our Customer Care team mentioning this forum thread URL?

    The email address is > Support@web-dorado.com

    Thank you and have a nice day!

    Thread Starter cornflakegirl

    (@cornflakegirl)

    Thanks for the reply, I will message your Customer Care team ??

    Hi!

    Following this topic…

    First thing: thanks for this great open source plugin!

    I’m trying to find the right CSS selector to apply a filter on hover to the hovered image on the feed, but I’m not able to get it done.

    This is the url I need help with.

    Any help would e much appreciated!

    Have a good day!

    Hi,

    Could you please let us know what styles would like to add to the images? Please provide more details, so we will be able to provide a CSS code for achieving your desired look.

    Thank you!

    Have a nice day!

    Hi and thanks for your reply.

    I’d like to apply a grayscale filter to the hovered image. I guess that it would be something like this, applied to the right selector:

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    }

    {
    transition: 1s ease;
    }

    Thanks! ??

    Plugin Support Suzie

    (@suziekh)

    Hi,

    Please, try to use the code below.

    .bwg-item:hover{
    filter: grayscale(100%) !important;
    }

    Let us know if you need our further assistance.

    Have a nice day!

    Hi and thank you for your response,

    I tried the code, both in the Plugin’s settings page > Advanced Options > Custom CSS and under Appearance > Customize > Other, and it didn’t work in either case.

    Thank you again ??

    Plugin Support Suzie

    (@suziekh)

    Hi,

    Could you please contact our Customer Care Team mentioning this forum thread URL?

    The email address is support@10web.io

    Thank you and have a nice day!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘hover effect’ is closed to new replies.

Tags