Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 26, 2015 at 4:34 am #418308
    lldesign

    Hello and thank you for your theme.

    I have achieved the layout of my homepage by setting up portfolio items that are displayed on the home page using a masonry grid. I have edited the CSS to make the images greyscale and then turn colour on hover, this is a change that effects all items in the grid. Each image also has a caption that appears on hover.

    My question is as follows:
    The three ‘images’ that have the wording on them (“Engaging media meets inspired content” etc) need to be in colour and have no caption overlay on hover. I cannot find a way to apply this effect to only those three entries – keeping the others as is.

    Do you have a suggestion that would enable me to do this?

    Cheers

    March 26, 2015 at 6:44 pm #418731
    Yigit

    Hi lldesign!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .home .post-57 figcaption, .home .post-54 figcaption, .home .post-60 figcaption {
  display: none;
}

    Regards,
    Yigit

    March 26, 2015 at 11:52 pm #418913
    lldesign

    Thanks very much Yigit, this works to remove the captions on the 3 boxes. Perhaps I was unclear but I also would like to have those 3 boxes in colour at all times – not just on hover. What would be the additional code to achieve this?
    Cheers

    March 27, 2015 at 1:10 am #418956
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .home a.post-54 .av-masonry-image-container,.home a.post-57 .av-masonry-image-container,.home a.post-60 .av-masonry-image-container {
  filter: grayscale(0%) !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
  -ms-filter: none !important;
  filter: none !important;
}

    Regards,
    Yigit

    March 27, 2015 at 5:59 am #419095
    lldesign

    This works like a charm. Thank you for you quick response.

    March 27, 2015 at 10:24 am #419172
    Rikard

    Hey!

    Great, glad we could help :)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Masonry Portfolio Hover Customisation’ is closed to new replies.