[Resolved] Grid Coumns on Section Page

[Radu Antoniu]

Hello!

In the video where you explain how to use sections you create these really nice looking columns of text. (these ones)

How do we do this?

[Jean Paiva]

Hey Radu, you can create columns using the unsemantic grid:

2 column layout:

<div class="grid-container">
  <div class="grid-50">
    YOUR CONTENT IN HERE
  </div>
  <div class="grid-50">
    YOUR CONTENT IN HERE
  </div>
</div>

3 Columns layout:

<div class="grid-container">
  <div class="grid-33">
   YOUR CONTENT IN HERE
  </div>
  <div class="grid-33">
   YOUR CONTENT IN HERE
  </div>
  <div class="grid-33">
   YOUR CONTENT IN HERE
  </div>
</div>

4 columns layout:

<div class="grid-container">
  <div class="grid-25">
    YOUR CONTENT IN HERE
  </div>
  <div class="grid-25">
    YOUR CONTENT IN HERE
  </div>
  <div class="grid-25">
    YOUR CONTENT IN HERE
  </div>
  <div class="grid-25">
    YOUR CONTENT IN HERE
  </div>
</div>

You can check more stuff here: http://unsemantic.com/

OBS.: For have this working properly, you need to set “TEXT” not “visual”.

[Tom]

The above will work perfect – thanks, Jean!

I’ll be releasing a free plugin on WordPress.org tomorrow that uses the unsemantic framework with shortcodes for people who don’t want to use HTML.

I’ll post here when I release it 🙂

[Radu Antoniu]

Excellent. Thank you!

[Tom]

Did quite get it released today – waiting for WP.org approval.

Will be tomorrow or Monday 🙂

[Radu Antoniu]

No worries Tom !

[Timothy Ajayi]

Please the link to the plugin.

[Tom]

Still waiting on the review team to approve it – they must be backed up.

I’ll update you here as soon as it’s released.

[Tom]

It’s released! 🙂

https://wordpress.org/plugins/lightweight-grid-columns/

[Radu Antoniu]

Thank you Tom! Works great!

[Tom]

Awesome 🙂

[Philipp]

Great plugin! Especially the “equal-heights” JS. Maybe one could integrate this plugin to GeneratePress Premium, so the css grid framework does not load twice? Or something like a plugin option “do not load css” 🙂

[Tom]

I agree – that would be very useful!

I’ll see what I can do 🙂

[Author]

Posts