Tagged: grid row, grid row element
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.
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/
https://www.the-art-of-web.com/css/textoverimage/
Best regards,
Mike