Genesis and WordPress Tutorials
by Sridhar Katakam 8 Comments Favorited: 5 times
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.
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Find my tutorials helpful and wish to donate?
Session expired
Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page.
Another great post.
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 🙂
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!
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?
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
What would I need to modify to have the widgets show up in Parallax Pro Home Section 2 on home page?
Michelle
Follow https://sridharkatakam.com/how-to-display-three-featured-pages-in-columns-in-home-section-2-of-parallax-pro/.
[…] the comments section of How to display widgets in columns using Genesis Column Classes, a user […]