How to add full width image on homepage?

I am creating a static home page using the Ethos 1 demo with a Blank - No Container, Header Footer template. I have a couple of issues, the previous topics weren’t clear to me:

  1. I would like to insert a full-width image under the header, eg. like the Hero Revolution Slider for example.

  2. I would also like to a call to action with text and a button over the image.


Kindly refer to the links below

Hope that helps.

I don’t want to add the Revolution Slider.

I want to add a full-size image (I was giving the slider as an example) under the header.

Hi there,

You will need to add a section in the Cornerstone and set the padding of it to 0:

Then set the Row settings to be marginless and without container:

After that you can use the Background settings of the Section to add an image which will be full width:

Please consider that this will be a background and it will act as the background and it might cut some part of the image on some viewports. If you want to have an image like the view you need to add an Image element to the section mentioned.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.