Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 10, 2020 at 1:02 pm #1202651
    aliyanage

    Hi all,

    when using the portfolio I was able to use the following support entry to generate the portfolio overlay https://kriesi.at/support/topic/portfolio-grid-text-overlay/. I was able to use the code but in addition I would like to have a space (20px) between de overlay and all sides of the image. I’ve tried to add an margin to the .image-overlay class but that didn’t work. Would you be able to tell me how I can get a space between the actual image and the overlay?

    The goal would be to have a over that looks similar to this: https://enea.ch/projekte/
    The page I am working on is the following http://pando-website.ch/gardens/privatgaerten/.

    If you need more info please let me know.

    Kind regards,
    Andrew

    April 17, 2020 at 10:32 am #1204682
    Yigit

    Hey Andrew,

    Sorry for the late reply!

    Please try adding following code to Quick CSS

    .grid-image .image-overlay {
    max-width: 95%;
    max-height: 93%;
    left: 10px !important;
    top: 10px !important;
}

    Best regards,
    Yigit

    May 5, 2020 at 4:02 pm #1210005
    aliyanage

    Hi Yigit,

    thanks a lot for the update this worked out very well.

    Kind regards,
    Andrew

    May 5, 2020 at 5:16 pm #1210028
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Portfolio Overlay Grid with margin to background image’ is closed to new replies.