Background images vs. images

[bakrona]

Hi there, I am using background images as i want them to strech the whole container. The problem is however, that i cannot add Alt attributes because its CSS.

How can I use images so it coveres the whole container?

[prakash_s]

Hello @bakrona,

Thanks for writing to us.

I checked your site, I can see you have set background image in one of the section of the page. In case if you want to display the background image full width that covers the entire section like the given screenshot below then you need to set the background image in the section. At the moment you have set the background image in the Row background.

Please remove the background image from the Row and set in the Section background. Please make sure you have set “cover” in the Size property.

Please have a look at the given screenshot below.

Thanks

[bakrona]

Hi there

Thank you for the explanation which is helpful.

The problem i am facing is that I would like to use images where I can use alt atributes rather (HTML) rather than background images (CSS). From an SEO point of view it is more advantageous to use images. with alt atributes.

So my question is, can i get with an image the same effect (covering a column or a row) than when using a background image?!

For example on the column where you see the attached screenshot, i use a background image. Is it possible to use an image that will cover the whole column?

[ruenel]

Hey @bakrona,

“Is it possible to use an image that will cover the whole column?”

• Yes, you can. Simply select " element" and this enables you to place an image that covers the whole column plus you can add an Alt text on the image.
  
  

Best Regards.

[bakrona]

ok thank you for that, I implemented it and have a questions

1. I have made a new section (first section of the page)and the row layout custom 60% 40% which looks fine in the backend but in the front end it looks 50% 50%. how can I make it 60% 40% ?

[ruenel]

Hey @bakrona,

Please make sure that you have set the column layouts in all screen sizes.

Medium:

Large:

Extra Large:

Small:

Hope this helps.