-
Posts
-
Hi, I’m trying to get the mouseover on my Enfold post masonry working as one seamless effect.
These are the elements that I need to work together:
– Image (has zoom effect only applied, arrow turned off)
– Masonry entry title (changes color on mouseover)
– The padding around the masonry entry title (currently triggers image zoom effect).When I run the mouse over any of these, I would like to see a mouseover effects triggered on both the text and the image.
Is this possible?
Oh that is really weird. something must have gone wrong when I did this! Sorry! Details in the private content comment below.
Hey!
I’m sorry but the login details above are not working. Please check. Your description of the hover effect is a bit vague. Could you please provide a screenshot or explain it a little bit further?
Regards,
IsmaelSorry correct login below, and here’s a screen shot: http://fleurmurphy.com.au/wp-content/uploads/2015/12/Screen-shot-new.jpg
The text seems to have a separate mouseover to the image – it would be great if they worked together, and if when I mouseover the white space behind the text, both the text and the image changed.
At the moment I can get:
– The image mouseover working when I mouseover the image
– The image mouseover working when I mouseover the white space
– The image and text mouseovers working when I mouseover the text.Hey!
I can see the mousever transition taking effect the moment you position the mouse inside the masonry block, if you want to extend this effect to also affect the title you can use this custom CSS:
.av-masonry-entry:hover .av-inner-masonry-content { padding: 40px !important; } .av-masonry-entry:hover .av-masonry-entry-title { color: red !important; }Best regards,
Josue
- The topic ‘Enfold masonry mouseover’ is closed to new replies.