[Resolved] creating columns

[Peter]

I need help creating two columns on my landing page. I want to put an html cloud and photos on the left and text on the right. It is not at all obvious how to place these items into PageBuilder’s split fields, so I tried various plugins but with no luck. I’m currently using Grid Columns, as it seemed the most promising, but the proposed shortcodes do not seem to work.

I am not savvy with code, as you’ll see from my site, but I thought a simple two- column page wouldn’t be so tough. I was wrong.
Help?

[Tom]

The grid column shortcodes should definitely work if you have the plugin activated: https://wordpress.org/plugins/lightweight-grid-columns/

You would do something like this:

[column grid="2" span="1"]First column[/column]

[column grid="2" span="1"]Second column[/column]

You could also use the grid system built into GP:

<div class="grid-container grid-parent">
      <div class="grid-50">
            First column
      </div>
      <div class="grid-50">
            Second column
      </div>
</div>

Hope this helps 🙂

[Peter]

The page is still not responding. Grid-Columns is activated. I entered the code you recommended in the second option (already tried the first). I entered the following into PageBuilder/Visual Editor/Text above the items I want separated:

First/Second column

Then hit Update.
Here is the result: http://www.wordraft.com.

Ideas?

[Peter]

Am I correct in assuming that the code above is divided between the two columns, with [

] heading the second column?

[Tom]

By looking at your code, it looks like the canvas is placed between the two column tags:

<div class="grid-50">
      First column
</div>
THERE SHOULD BE NOTHING IN BETWEEN HERE
<div class="grid-50">
      Second column
</div>

Make sure the canvas is placed within the <div> tags, and it should work perfectly.

[Author]

Posts