Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 14, 2016 at 12:25 pm #565341
    Coronacom

    Hello,

    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?

    Thanks

    Hayley

    January 15, 2016 at 3:01 am #565862
    Elliott

    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,
    Elliott

    January 15, 2016 at 5:29 pm #566224
    Coronacom

    Oh ok, not to worry.

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

    Thanks

    January 15, 2016 at 5:36 pm #566229
    Coronacom

    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.

    January 16, 2016 at 4:16 am #566414
    Elliott

    Hey!

    Add this to your custom CSS.

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

    Best regards,
    Elliott

    January 19, 2016 at 5:56 pm #568000
    Coronacom

    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.

    Thanks,

    January 19, 2016 at 6:06 pm #568010
    Basilis

    Hi!

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

    Centering in CSS: A Complete Guide

    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,
    Basilis

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