Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #565341


    I was wondering if there’s a way to have masonry showing our portfolio of work, and then when someone hovers over, rather than the image having the overlay effect, the image autoplays a video/gif? and then when someone clicks it takes you to the portfolio page?




    Hi Coronacom!

    That would take a lot of time and code to implement so it would have to be considered custom work. It would be best to hire a freelancer to help you out with this customization.

    Best regards,


    Oh ok, not to worry.

    Is there anyone else out there that knows or can point me in the right direction of a tutorial?



    Instead could you help me with the caption that displays on mouse hover?

    I would like it to fully cover the featured image, without the arrow, not rise up from the bottom, with 0.5 opacity, for it to be “font-family:Futura, ‘Trebuchet MS’, Arial, sans-serif;” and “font-color:#ffffff;” and for the text to be centered.



    Add this to your custom CSS.

    h3.av-masonry-entry-title.entry-title {
        font-family:Futura, ‘Trebuchet MS’, Arial, sans-serif;
    figcaption {
        background: rgba(255, 255, 255, 0.5) !important;

    Best regards,


    Thanks, althought the font color hasn’t worked and it’s not centered in the middle.

    I want it 50% from the top and 50% from the left.




    Regarding the centering, I would suggest to give a look here

    it is really detailed guide and one of the top suggestions on how to center.
    Regarding the color of the font, please try replace

    font-color with color and add !important to the end, to that value also.

    Let us know if it will work

    Best regards,

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