SiteOrigin Page builder columns

Hi Adiedieden – I’m not familiar with that plugin or why it’s causing issues for you. Troubleshooting layout plugins is beyond the support we generally provide here, but that said if you can provide a link to a problematic post I could take a quick peek and see if I spot anything obvious.

Thanx, too kind ;). On the homepage of https://www.arkovormgeving.nl there are two rows. The first one has one columns and the second row has three. As you can see the first row also puts the content in the first 1/3 of the row.

Website still very much in experimental stage by the way ??

Hmm, that plugin is generating a ton of HTML markup, including six layers of nested divs inside your post, which is not great.

The default entry-content width in Illustratr is 840px wide – something in your plugin or settings is overriding that.

One of those nested divs has the class “widget” as you can see here (in fact, it’s repeated twice):

In Illustrar, elements with the class “widget” are 253px wide, as you can see here:

.widget {
  float: left;
  padding: 0 0 20px;
  font-size: 0.73em;
  line-height: 1.3;
  margin: 0 20px;
  width: 253px;
}

The plugin shouldn’t be assigning generic classes to the elements it generates; it should only give them namespaced elements like some of the others it already does, for example “siteorigin-widget-tinymce.” Doing that avoids clashes like this one.

To override the CSS width being assigned by the class “widget” you can add this to your custom CSS, to define the proper width on the Site Origin div:

.widget_sow-editor {
  width: 840px;
}

Let me know if this does the trick.

That seems to be working like a charm, thank you so very much!

Awesome. You’re very welcome.