Home Page Widgets

[Ashley Davis]

Hi Bill,

Client decided to switch things up a little more, so I’ll have a few questions coming your way again.

Is there a way to add a transparent break on the home page between the slide show and 3 widgets at the bottom? I’d love for the background to show through, rather than it being one long block.

Thanks!
Ashley

[Bill Robbins]

Hello Ashley,

I think you can do that. Here’s what I came up with that seems to do that. Let me know if you run into any trouble. Add this to the Custom CSS:

body.home #wrap {
	background: none;
}

body.home .flexslider {
	margin: -30px -30px 30px;
	padding: 30px;
	background-color: #fff;
}

#home-widgets {
	padding: 30px;
	background-color: #fff;
	margin-left: -30px;
	margin-right: -30px;
}

#home-widgets .widget {
	margin-left: 30px;
	margin-top: 30px;
}

Take Care,
Bill

[Ashley Davis]

Great! Thanks Bill!
I was also able to tweak the background from the code to give me the exact look I was going for.

Your support is always top-notch!

[Author]

Posts