How to Display WordPress Widgets in Columns


Are you looking to display your WordPress widgets in columns? What if we told you there is an easy way to do this without any code knowledge. In this article, we will show you how to display WordPress widgets in columns without writing any HTML or CSS.

Preview of WordPress widgets aligned horizontally in columns

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

First thing you need to do is install and activate the Widgets in Columns plugin. Upon activation, simply go to Appearance » Widgets.

Next, drag and drop a widget that you want to display in column. In the widget settings, you will notice a new drop down menu labeled width.

Here you need to select your desired width for the widget.

Select the width for your widget column

You can choose the width depending on how many widget columns you want in a row.

For example: if you want three columns, then you would choose one-third (1/3). You can also upload an icon for your widget.

Once you have added the first row of your widget columns, you can drag and drop a divider widget from available widgets.

This divider widget allows you to start a new row of widgets within the same widget area.

This plugin comes with three types of dividers: .divider, .break, and .clear.

After you are done adding your widgets, you can preview your site to see your widgets in columns.

That’s all. We hope this article helped you display WordPress widgets in columns inside a widget area.

You may also want to check out how to add custom styles to WordPress widgets.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.