Sridhar Katakam

Genesis and WordPress Tutorials

How to display widgets in columns using Genesis Column Classes

by 8 Comments

One of the frequently asked questions in the StudioPress community is "How do I make widgets appear next to each other in columns instead of one below the other?"

In this article I show how we can use Widget CSS Classes plugin to specify the column classes that are built into Genesis so that three 'Genesis - Featured Page' widgets are arranged side by side.

widgets-in-columns-genesis

Step 1

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • A great tutorial. I can see myself using this in the near future AND I had no idea that a widget CSS plugin existed! I’ll be using that for sure 🙂

    Reply

  • Thank you for this and for introducing me to the Widget CSS Classes plugin. I was able to apply this to another issue I was having!

    Reply

  • I am having trouble making this work in my Modern Portfolio Pro theme.
    Any chance you could look at it to see what I might be doing wrong?

    Reply

  • Hi, Great tutorials! Love your website! What code should I use to put the columns not under the header, but for example after home middle?

    Thanks!!

    Marjolein

    Reply

  • What would I need to modify to have the widgets show up in Parallax Pro Home Section 2 on home page?
    Michelle

    Reply
    • >