[Support request] How to create a section like in your demo video

[Renato Frota]

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.

[Leo]

Hello,

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

Hope this helps!

[Tom]

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

Grid Columns is the way to go 🙂

[Renato Frota]

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” (3×2) 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.

[Leo]

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%).

[Author]

Posts