Home>Support>How to make an image appear over multiple rows

How to make an image appear over multiple rows

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 3 months ago Alex S
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More