Hover Effects in Blog Widget

  • Resolved flimflamjimjam

    (@flimflamjimjam)


    5 years, 9 months ago

    Hello,

    Thanks for adding the links to the Featured Images in the Classic version of the Blog widget.

    In my site, I’d applied the Sepia hover effect to all of the Featured Images. However, now it seems that there’s a competing effect in place, where a blue box appears and a gray box expands into its place. Is there any way to turn this off with CSS rules and only apply the Sepia effect?

    Many thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Leap13

    (@leap13)

    5 years, 9 months ago

    Hi There,

    Hope everything is going fine with you today 🙂

    Well, may I ask have you tried to set Overlay Color option to transparent. You can find that in widget settings -> Style tab -> Image.

    Please let me know if that did the trick.

    Regards

    Thread Starter flimflamjimjam

    (@flimflamjimjam)

    5 years, 9 months ago

    Hello,

    I tried changing the image Overlay color to transparent on all the carousels on the front page, but unfortunately it doesn’t seem to work. 🙁

    Is there by any chance a specific CSS class I could target so that the change could apply globally to all the carousels on the site?

    Thread Starter flimflamjimjam

    (@flimflamjimjam)

    5 years, 9 months ago

    Never mind. I think I figured it out.

    These were the CSS rules I ended up using:

    .elementor-widget-premium-addon-blog .premium-blog-format-container, .elementor-widget-premium-addon-blog .premium-blog-thumbnail-overlay a {
background-color: transparent;
	}

.elementor-widget-premium-addon-blog .premium-blog-format-container:hover, .elementor-widget-premium-addon-blog .premium-blog-thumbnail-overlay a:hover {
	background-color: transparent;
	}
    Plugin Author Leap13

    (@leap13)

    5 years, 9 months ago

    Hi @flimflamjimjam,

    Well, could you please make sure that color transparency slider is set to 100% because the CSS code above should be applied on the widget through Overlay Color option. So, I believe you can add the same just by settings Overlay Color transparency to 100%

    Regards

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

The topic ‘Hover Effects in Blog Widget’ is closed to new replies.