Dividing Home Middle Section Into Columns

[Angie]

I am using the Lifestyle Pro theme. How can I divide the Home Page Middle section into columns? I would like to add various widgets in the columns in that section. My goal is to create a little more visual interest on the home page.

Thank you in advance for your help!

http://yourdailydance.com/

[Tom]

Without knowing how many widgets you want to add - and what type - this is a bit of a shot in the dark.)

Add your widgets to Home -Middle. Add this CSS snippet to the bottom of your child theme stylesheet:

.home-middle .widget {
	float: left;
	margin-right: 2%;
	width: 32%;
}

.home-middle .widget:last-of-type {
	float: right;
	margin-right: 0px;
	padding-right: 0px;
}
	
@media only screen and (max-width: 767px) {
	
	.home-middle .widget {
		width: 100%;
	}		
}

This is setup for three widget across; you can adjust for more or fewer. The media query makes these widgets appear full width on smaller screens. The trigger point can be adjusted from 767px as desired.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts