[Resolved] creating columns

Home Forums Support creating columns

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #96743
    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?

    #96766
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #96971
    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?

    #96978
    Peter

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

    ] heading the second column?
    #97131
    Tom
    Lead Developer
    Lead Developer

    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.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.