New Landing How can we help? Cardinal Activate blur effect on hover for Portfolio

Viewing 14 posts - 1 through 14 (of 14 total)
  • Posted in: Cardinal
  • #92855
    parcyvall
    Member
    Post count: 143

    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

    #93045
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

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

    – Kyle

    #93046
    parcyvall
    Member
    Post count: 143

    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

    #93047
    Kyle – SUPPORT
    Moderator
    Post count: 35880

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

    – Kyle

    #93076
    parcyvall
    Member
    Post count: 143

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

    Kind regards
    Simon

    #93079
    Kyle – SUPPORT
    Moderator
    Post count: 35880

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

    – Kyle

    #93213
    parcyvall
    Member
    Post count: 143
    This reply has been marked as private.
    #93231
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    It works now ๐Ÿ™‚ Just needed some extra css

    – Kyle

    #93234
    parcyvall
    Member
    Post count: 143

    BAM!!! You’re awesome! ๐Ÿ˜€

    Kind regards
    Simon

    #93238
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

    – Kyle

    #93240
    parcyvall
    Member
    Post count: 143

    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

    #93261
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

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

    – Kyle

    #93265
    parcyvall
    Member
    Post count: 143

    Great! Thanks!

    #93268
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register