Beginner's Guide for WordPress / Start your WordPress Blog in minutes

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+.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

8 CommentsLeave a Reply

  1. Hi,
    I need a widget to be able accept other widgets inside it self. Like creating a row and inside of the row we should put other widgets. it can be done?

    • It would depend on your specific widgets but it sounds like you want to use a text widget.


  2. wordpress now warns the following: “This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.”
    any alternatives?

  3. Hi… This plugin is really awesome. However…I wonder if there’s a way to make this plugin responsive because if I shrink my browser to Iphone size, the columns wont rearrange to fit the small screen

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.