Archived topic

How to create a section like in your demo video

4 replies · Started by Renato Frota on July 31, 2016

Viewing posts 1–5 of 5

July 31, 2016 at 9:47 am #214341

Hello, Tom

How can I create a section like in your demo video seen here?
https://generatepress.com/downloads/generate-sections/

I mean, that one you pasted a long content into, and it turned in an elegant 3 columns layout :)

Thanks in advance.

July 31, 2016 at 9:58 am #214344

Hello,

Check out Tom's free Lightweight Grid Columns plug in: https://wordpress.org/plugins/lightweight-grid-columns/

Hope this helps!

July 31, 2016 at 1:59 pm #214374

That video needs updating - I was using CSS and HTML.

Grid Columns is the way to go :)

July 31, 2016 at 9:27 pm #214415

Thanks Leo and Tom

I have tried the Grid Columns plugin but... maybe the WP editor is messing with the formatting as I save the page and/or navigate through Visual/Text editors? I had a hard time trying to make a grid with 6 "blocks" (3x2) of "Font Awesome icon + description".

Perhaps I am just not experienced enough? I would definitely pay some money for a good [video] tutorial explaining how to make better use of this plugin's powers.

July 31, 2016 at 10:43 pm #214416

You should be able to enter the code in both editors.
Try the the code in this link to make a 3 columns by 2 rows block:
https://gist.github.com/anonymous/b18b5c39c18986d52ca64203b478fe60

What it means is that on desktop it shows up as 3 columns per row (33%), on tablet shows 2 columns per row (50%) and on mobile shows 1 column per row (100%).

This archived topic is closed to new replies.

Start building better websites today.