Row Within A Row

Hi William,

Your link doesn’t seem to be working for me. Regardless, if you wish to have a row inside of another row I would suggest checking out the layout builder widget as that will allow you to accomplish this.

Hi William,

The layout builder widget can be found in the standard SiteOrigin Page Builder add widget screen. Please note that I see that you have Visual composer installed, and activated. We recommend you avoid running both SiteOrigin Page Builder and Visual Composer together as there’s a high chance of causing conflicts between the two.

Once you’ve added the layout builder you’ll get presented with another page builder object. I know that sounds strange but it’s kind of hard to explain… as soon as you see it however you’ll understand what I mean.

Hi William,

Unfortunately, no, that isn’t possible at this time. Sorry. :(

Is there anything else I can help you with today?

Hi William,

Sadly you’ll have to manually adjust the image using an external tool such as Photoshop, or Paint.net.

To adjust your layout builders padding please open it up. Then head on over to the Widget Styles sidebar and open the layout group, and adjust the padding.

Hi William,

You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

#panel-2121-0-0-1 .panel-widget-style {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

You’ll have to adjust the pixel amount. You might also need to install the SiteOrigin CSS Editor.

Hi William,

Maybe I’m thinking you want a different panel padding adjusted. Could you show me a screenshot with the area highlighted?

To find the panel number, go to AppearanceCustom CSS, click the eye, or the expanding arrows. Then find navigate to your intended page by clicking on the link, and clicking the link above the inspector – see image below, then find your element and click the intended area. Then select the selector row in the inspector and keep clicking up a level until you find the panel id. I’m sure this sounds a little confusing / overwhelming so I would recommend watching the getting started video on the CSS editor page.