Archived topic
Grid Coumns on Section Page
12 replies · Started by Radu Antoniu on May 15, 2015
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?
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".
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 :)
Excellent. Thank you!
Did quite get it released today - waiting for WP.org approval.
Will be tomorrow or Monday :)
No worries Tom !
Please the link to the plugin.
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.
It's released! :)
Thank you Tom! Works great!
Awesome :)
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” :-)
I agree - that would be very useful!
I'll see what I can do :)
