Full width image in separated row on wordpress (Ref attacted)

Since you’ve mentioned that you’re using Siteorigin’s page builder, I’ve decided to do a short video of how I would arrange the elements on the builder to achieve the results you’re after.

here’s my screencast: http://somup.com/cFit60VLyy

Now there are few flaws with siteorigin’s pagebuilder – there is no inbuilt column equalizer for rows unlike other page builders like WPbakery and elementor. So you will have to use a plugin or write your own CSS. If you want to go the plugin way, install the Equal height columns plugin

And then you can add a class to any column you want to have equal width on left and right. You can see in my video that I’ve used the “equal” class under the attributes of the cells.

Depending on the theme you’re using, you might need to write some CSS for margins and paddings. I’m sure its quite straight forward. You can do this in 10 mins straight.

Good luck.

Leave a Comment