Activate blur effect on hover for Portfolio

[parcyvall]

Dear Support Team,

how can I activate the blur-on-hover effect on portfolio items seen in the agency demo one (Home)?
In my set up the image does not blur but is simply overlaid with a color.

Also if it is possible I would like to only blur the image without a color overlay.

Kind regards
Simon

[Kyle – SUPPORT]

Hi

You can select the ‘bright’ style for your website and that hover will be used

– Kyle

[parcyvall]

Hi Kyle,

I know that is what should happen. But it works only for non-portfolio hover effects. Team pictures for example work fine but the portfolio does not blur.

Kind regards
Simon

[Kyle – SUPPORT]

Works fine for me? For e.g. you referenced agency demo one, which uses the portfolio asset and the blur works?

– Kyle

[parcyvall]

I see. Could it be that the issue is with the masonry style?

Kind regards
Simon

[Kyle – SUPPORT]

Please could you provide me with your link so I can check?

– Kyle

[parcyvall]

This reply has been marked as private.

[Kyle – SUPPORT]

It works now 🙂 Just needed some extra css

– Kyle

[parcyvall]

BAM!!! You’re awesome! 😀

Kind regards
Simon

[Kyle – SUPPORT]

No problem

– Kyle

[parcyvall]

One last question. Where do I change the color of the border of items? Right now it’s white.
I could not find the setting in the color manager.

kind regards
Simon

[Kyle – SUPPORT]

Add this to your custom css:

.bright-design figure.animated-overlay figcaption {
border: 0px solid #111;
}

– Kyle

[parcyvall]

Great! Thanks!

[Kyle – SUPPORT]

No problem