How to set two widgets side by side or widgets in columns in WordPress easily

Have you been looking to display your WordPress widgets in columns? perhaps your theme has only one large footer widget and not placed in columns of four.

This is very easy to do without changing or modifying any code on your website without any coding knowledge. We will demonstrate in this article, how to have WordPress widgets in columns without writing any HTML or CSS.

This is how; go to your plugins page and search for Widgets in Columns plugin, then the first thing you need to do is install and activate it.

How to set two widgets side by side or widgets in columns in WordPress easily

Upon activation, go to Appearance » Widgets then add your widgets of choice. For every widget you add and drop in the space,  you will notice a new drop-down menu labeled width.

Widgets in Columns plugin Widgets in Columns

Here you need to select your desired width for the widget either 1/2, 1/3, 1/5, and so on. 1/2 means that you have two plugins. 1/4 means you can drag and drop 4 widgets.

This divider widget also allows you to start a new row of widgets within the same widget area. After adding all your widgets, you can preview your site to see your widgets in columns. The plugin always comes with three types of dividers: .divider, .break, and .clear.

Some designers could resort to using page builders. This however limits you only to pages and thus you are not able to do this on the sidebar, footer, or header widget places. Therefore two Layers widgets side by side may produce unpredictable results or require extensive custom CSS to fix alignment issues resulting in being squished to a smaller width than intended.

Page builders give you a simple way to play around with text, videos, and images, thus you can create, edit, and customize your website layout without writing any code, but this is on pages or posts.

Wonderful!, just before you go: Please subscribe to our website for the latest tips, ideas, and recommendations to make your WordPress site wonderful.

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 152 other subscribers

%d bloggers like this: