Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 23, 2017 at 9:20 am #812014
    vinayb

    Hi There,
    Can we achieve this layout by GRID section and having image element? The challenge is to have that title at the bottom of each image? any suggestions? here is the screenshot https://www.screencast.com/t/HM4WmWLzcXfT
    We then want to have a caption appear on hover. your answer would be much appreciated.

    June 23, 2017 at 4:36 pm #812158
    Yigit

    Hi Vinay,

    Please create a testing page with image elements with captions and post temporary admin logins here privately :)

    Cheers!
    Yigit

    June 23, 2017 at 6:10 pm #812226
    vinayb

    Hi Yigit. thanks for replying. here is the page http://weaverdental.wpengine.com/test-page/ (hosted on WPengine) that i created.

    June 23, 2017 at 6:49 pm #812246
    Yigit

    Hi,

    I added following code to Quick CSS in Enfold theme options under General Styling tab

    .av-image-caption-overlay {
    height: 35%;
    bottom: 0;
}
.avia-image-container.avia-align-center .avia-image-container-inner:hover .av-image-caption-overlay {
    height: 100%;
    bottom: auto;
}
.av-overlay-on-hover .av-image-caption-overlay {
    opacity: 1;
    filter: alpha(opacity=00);
}

    Please review your website

    Best regards,
    Yigit

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