SiteOrigin Hero

The widget allows you to use a background image and the free text means that it will resize depending on theĀ  text content.

In my example, I have used three lines of text and all are using the H1 tag and aligned right. To align to the adjacent column content, I could consider using the same number of lines of text. However, I’m leaving it so we can see the resizing.

Background opacity is set at none for one image and 50% for the other.

The column is set at 66%.

SiteOrigin Hero

The widget allows you to use a background image and the free text means that it will resize depending on theĀ  text content.

In my example, I have used two lines of text and both are using the H1 tag and aligned center.

The column is set at 34%.


Second row

I’ve added a second row to show how the next part of our content would display.

Notice the spacing between our two rows.


Third row

I’ve added a third row by duplicating the second and switching the two columns to three just to show how the next part of our content displays and the flexibility of .

Background opacity is set at 50% for one image and none for the other.

The columns in this row are set at 33.3%.