Enterprise Pro – Add an additional Widget to "Home Bottom"

[redtrain]

Hi Folks,

I'm working with Enterprise Pro and I'd like to make the "Home Bottom" section show four widgets across instead of three. I understand this involves adding some code to the front-page.php but, working out what to add and where is beyond me.

I'd greatly appreciate any assistance on how to do this.

Many thanks for your help!

[Christoph]

Hi,

you have to change a number in functions.php.
Find the following line:
`//* Add support for 3-column footer widgets
add_theme_support( 'genesis-footer-widgets', 3 );`

and change 3 to 4.

Then you will have to adjust the width of the widgets in the style.css.
Around line 1636 you will find

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 340px;
}

add .footer-widgets-4 and change the width so everything fits.
e.g.

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
	width: 23%;
}

You probably have to change the floats around line 1646, add footer-widgets-4 to the media queries and change the widths in the media queries again (e.g. lines 2001, 2029,...)

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[redtrain]

Thanks so much Christoph! Now to see if I can follow your instructions 🙂

Much appreciated!

[redtrain]

Hey Christoph,

Before I start this, can I just verify something? Your code points to the footer widgets but, I actually want to add a widget to the "Home Bottom" section, which is the section below the header image.

Are these one and the same code?

Thanks again for your help.

[Christoph]

AHHHH
LOL

Forget what I said.

You should just need to change the width here:

.home-bottom .widget {
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #ececec;
	box-shadow: 0 1px #ececec;
	float: left;
	margin-left: 2.564102564102564%;
	padding: 40px;
	width: 31.623931623931625%;
}

and either change this

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

to (4n+1) or delete / comment out this part.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[redtrain]

Brilliant, thank you!

[Author]

Posts