This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How to make an image appear over multiple rows

8 years ago · Last reply by Alex S 8 years ago

Hi, I want to create a page with multiple rows each of 200px, each with full-width backgrounds. I have a tall image that is 500px high that I would like to appear to be on top of the three rows. Right now, if I put the image inside one of the rows, the row will expand to 500px high and the image will be contained within a single row.

I saw elsewhere that I could use the Layout widget to make this work. IF so, how could I do it?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 8 years, 11 months ago

    Hi Mark,

    You can do this by creating a two cell row. Add the image to the desired cell and then add a layout builder to the other. Build the rest of the rows in the layout builder. To clarify, the layout builder is a page builder in widget form so it allows you to create columns within columns which in turn allows for this to be possible. Does that make sense?

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread