Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 30, 2018 at 11:23 pm #1039446
    geertroggeman

    Hello Kriesi Team,

    I need a little help with the grid row element. I already tried looking for a solution in the forum without any success.
    What I need is to put text over an image and the best idea I had is to use the grid row, because I think it is the best (and easiest) way to put any customizable element over an image. The problem is that I can’t make the grid the same size of the background.

    The most similar thread I found was this one. The difference is that I need something like this, making the grid stay squared (just as the background), and not to change height proportion in mobile or tablets.

    I added a link in the private content to show you what I have right now.
    Could you help me with this?

    Thank you.
    Geert Roggeman W.

    December 5, 2018 at 2:41 pm #1041223
    Mike

    Hey geertroggeman,
    Sorry for the late reply,
    I believe that this post may help because it includes the shortcode that you can paste into your site to see the solution in action.
    Please see this post about how to Enable Avia Layout Builder Debug

    I would recommend using a css solution to adding a text overlay, here are some examples:
    https://pavenum.com/en/images-and-text-overlays-in-html-css/

    Design Considerations: Text on Images

    https://www.the-art-of-web.com/css/textoverimage/

    Best regards,
    Mike

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