Centering featured pages in Outreach Pro?

[okieman]

I'm a Web developer who's new to WordPress. My church asked for help with their site. I'm building it on my PC using a mini-server (AMPPS). We have Outreach Pro w/Genesis and all's going well, with one puzzler. They asked me to reduce the default four featured pages in the Home-Bottom section to three. Now I can't get the group of three items to center. My CSS tinkering has not been effective. Suggestions?

[Ginger]

Hi there,

To do this, look for these two sections of your style.css file: .home-bottom .widget and .home-bottom .widget:nth-child(4n+1) You're looking for anything that is dividing that section into 1/4s and make that into 1/3s

If you change the width in the first section to 31 (was 23) and change the second section to (3n+1) this pretty much takes care of it. You might have to adjust the margin-left as well -- that effects featured page 2 and 3 as they all float left to the first one.

This is the final output that I did in-browser on the demo site for this change:

.home-bottom .widget {
	float: left;
	margin-left: 2.564102564102564%;
	width: 31.076923076923077%;
}

.home-bottom .widget:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[okieman]

Wow; that's a corner of CSS I hadn't yet delved into. So I thank you for helping solve my immediate problem, but also for providing a new tool to work with! Or, toy to play with, depending on how Web-nerdy I'm feeling.

[Author]

Posts