Hello,
I would like to insert an image in a row that is displayed 100% horizontally.
If I use a “Single Image” and set it to “Image Width = 100%” nothing happens. Only entering width and height in pixels results in a change. But now the image is displayed distorted.
If I use a “Single Background Image” and set it to “Image Width = 100%”, it will be displayed “fullwidth” in the row. But there is a big empty space under the image that I can reset using CSS. When I look at the front end and zoom in responsively, the image doesn’t stay in line, but goes beyond it. In addition, the elements underneath are pushed over the image.
https://datagrafik.de/download/Single-Image.jpg
How to handle that?
Thanks for Feedback
Bernd
Hello Bernd!
I’m not sure what you need to achieve, but you can use the element you need. Also, you can add paddings and margins in the CSS tab of each element in the tagdiv Composer.
Thank you!
Hi Bettina,
what I want is simple: a picture should be in a row and fill this row horizontally 100 % and keep its aspect ratio.
How to do that?
Hello Bernd!
Apply the settings on the row with your image: https://app.screencast.com/5gdLt7e8Z6Dtt
Please note that the image size should be in full size (1920 px).
Thank you!
Hi Bettina, I do not understand. How do I get the picture in the Row? Which Module to use?
Thanks
Bernd
Hello Bernd!
Add a new row, apply the settings I mentioned above and use the Single Background Image shortcode to display your full size image.
Thank you!
Hi Bettina!
That is exactly what I tried before, but it does not work.
Problem. there is huge space below the picture, which gets even bigger when i make the responsive browserwindow smaller. Also the image does not stay in the row.
https://datagrafik.de/download/backgroundimage1.jpg
https://datagrafik.de/download/backgroundimage2.jpg
https://datagrafik.de/download/backgroundimage3.jpg
https://datagrafik.de/download/backgroundimage4.jpg
https://datagrafik.de/download/backgroundimage5.jpg
Hi Bettina,
sorry for the confusion.
Apparently it had something to do with the row I had already created. I created a new one and now it works.
Thank you for your fast and enduring support!
Hello Bernd!
I’m glad that you solved the issue!
Have a nice day!
