Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2020 at 4:38 pm #1249083
    Thedogscreative

    Hi guys. Just designing a website for a client and don’t want to put a design forward that isn’t achievable in enfold.

    Wondering how I’d go about adding some CSS to the masonry element to achieve the following:

    Caption over the image. But on mouse hover, a coloured bar appears at the bottom (a bit like the one that appears on Masonry Animation 2 here: https://kriesi.at/documentation/enfold/masonry/#overlay-styles but not containing the caption). Possibly with the image slightly animated (increasing in scale as per Masonry Animation 2)

    I’ve quickly mocked up what I mean here:

    masonry hover mockup

    The left hand image showing how I’d like the hover to look.

    Is this doable?

    Thanks in advance.

    September 30, 2020 at 2:19 pm #1249650
    Victoria

    Hey Thedogscreative,

    Do you have it added somewhere on the page already? The bottom border should be doable.

    Best regards,
    Victoria

    September 30, 2020 at 2:44 pm #1249659
    Thedogscreative

    Hi Victoria,

    No – I haven’t started building it yet. I’m presenting some designs to the client soon and just wanted to check it was doable before putting it forward as an idea to them.

    September 30, 2020 at 4:56 pm #1249705
    Victoria

    Hi Thedogscreative,

    Well, the title on hover and image animation already exist on the masonry, it can be that the border can be added too.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.