How to create columns in Wordpress with Lightweight Grid Columns
Today I am writing this blog post following a query that my good friend and colleague Valentina Musumeci asked me when she was working on the redesign process of her blog and wanted to make her subscription form created with Thrive Leads appear right next to her (pretty) main image on the home page.
I’m sure you’ve seen this on many blogs (I have it like this right now) and you might want to do it on yours too, as it saves you space and allows you to easily place your call to action “Above the fold”.
Hey, look, I've already thought of another term to add to the WordPress dictionary for bloggers.
This is actually a very simple thing to do. All you have to do is layout your content in columns.
So if you want to do something like this, stay czech republic telegram phone numbers attentive to what I am going to tell you in this post.
Table of Contents [ Hide ]
The concept of creating columns in WordPress to layout your content
Why you need to create responsive columns on your blog
How to Create Responsive Columns in WordPress with Lightweight Grid Columns
Practical example of how to create responsive columns in WordPress without any visual editor and without touching code.
The concept of creating columns in WordPress to layout your content
When you hear the word “column,” you may be thinking of Ancient Greece and everything we learned in school about the Doric, Ionic, and Corinthian styles.
But no, that's not the way it's going.
I'll first explain to you what exactly I mean when I talk about a column within a web design.
Let's imagine I have a screen that is 1920 pixels wide and my blog's main container is 1000 pixels.
This means that the content of my website will be, at most, within the 1,000 pixels wide main container.
Well, if inside my main container of 1000 pixels I want to create two horizontal spaces that occupy the same size, I will have to create two columns of 500 pixels each.
I'll leave you an illustration so you can see it better:
How to create responsive columns in WordPress
As you can see, what Valentina wanted to do on her homepage was exactly that: she wanted her subscription form to appear in one of the halves of her main container.
So, I had to create two columns: one with my form and one empty with no content to display my section's background image at full width.
Why you need to create responsive columns on your blog
But of course, now you might be wondering… what if someone enters my blog from a mobile phone or tablet and doesn’t have that 1000 pixel space on the screen?