Title: hover effect
Last modified: November 8, 2018

---

# hover effect

 *  Resolved [cornflakegirl](https://wordpress.org/support/users/cornflakegirl/)
 * (@cornflakegirl)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/hover-effect-16/)
 * 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)

 *  [Web-Dorado Team](https://wordpress.org/support/users/wdteam/)
 * (@wdteam)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10863447)
 * 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](https://wordpress.org/support/topic/hover-effect-16/Support@web-dorado.com?output_format=md)
 * Thank you and have a nice day!
 *  Thread Starter [cornflakegirl](https://wordpress.org/support/users/cornflakegirl/)
 * (@cornflakegirl)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10865378)
 * Thanks for the reply, I will message your Customer Care team 🙂
 *  [piterkaillada](https://wordpress.org/support/users/thebea58/)
 * (@thebea58)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10908598)
 * 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](http://thebeatingroad.com) I need help with.
 * Any help would e much appreciated!
 * Have a good day!
 *  [Web-Dorado Team](https://wordpress.org/support/users/wdteam/)
 * (@wdteam)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10910437)
 * 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!
 *  [piterkaillada](https://wordpress.org/support/users/thebea58/)
 * (@thebea58)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10911056)
 * 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](https://wordpress.org/support/users/suziekh/)
 * (@suziekh)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10916962)
 * 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!
 *  [piterkaillada](https://wordpress.org/support/users/thebea58/)
 * (@thebea58)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10918409)
 * 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](https://wordpress.org/support/users/suziekh/)
 * (@suziekh)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10921486)
 * Hi,
 * Could you please contact our Customer Care Team mentioning this forum thread 
   URL?
 * The email address is [support@10web.io](https://wordpress.org/support/topic/hover-effect-16/support@10web.io?output_format=md)
 * 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.

 * ![](https://ps.w.org/wd-instagram-feed/assets/icon-256x256.png?rev=2140072)
 * [10WebSocial](https://wordpress.org/plugins/wd-instagram-feed/)
 * [Support Threads](https://wordpress.org/support/plugin/wd-instagram-feed/)
 * [Active Topics](https://wordpress.org/support/plugin/wd-instagram-feed/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wd-instagram-feed/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wd-instagram-feed/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)

 * 8 replies
 * 4 participants
 * Last reply from: [Suzie](https://wordpress.org/support/users/suziekh/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/hover-effect-16/#post-10921486)
 * Status: resolved