Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 9, 2017 at 3:23 pm #790355
    anthonygq

    Hi,

    I was curious if it’s possible to change the overlay on an Enfold image element from the entire image to just an overlay on the caption text itself? And to also remove the hover affect so that the overlay stays constant throughout the hover event. Thanks in advance.

    – Anthony

    May 9, 2017 at 3:47 pm #790387
    Yigit

    Hey Anthony

    Can you please post a screenshot showing the changes you would like to make and a link to your page so we can make sure that we are on the same page :)
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    May 9, 2017 at 4:24 pm #790424
    anthonygq

    Hi Yigit,

    Thanks for replying. Here is a link to what I am looking to do. http://imgur.com/5aFKIAR

    • This reply was modified 7 years, 7 months ago by anthonygq.
    May 9, 2017 at 4:51 pm #790450
    Yigit

    Hi,Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av-caption-image-overlay-bg {
    height: 30px;
    top: 42%;
    width: 80%;
    left: 10%;
}

    Best regards,
    Yigit

    May 9, 2017 at 9:54 pm #790631
    anthonygq

    Thanks for getting back to me so fast. I was actually using a child theme to build this site and I saw what you were doing with the overlay which triggered something in my head to try. The following CSS code actually worked. Might be helpful as well in the future for someone else.

    .avia-image-container img { width: 100%; height: 100%; }
    .avia-image-container .av-image-caption-overlay p { width: 76% !important; margin: 0 auto !important; background-color: #000000; opacity: 0.6 !important; filter:alpha(opacity=60) !important; }
    .av-caption-image-overlay-bg { display: none; }

    May 9, 2017 at 9:57 pm #790633
    Yigit

    Hi,

    Glad you figured it out and thanks for sharing your solution :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Text Overlay instead of Image Overlay’ is closed to new replies.