Parallax Pro – 3 Column Footer Widgets

[dmdwebdesigns]

The Parallax Pro theme has a footer widget area (one). I have been able to change the code to make it 3 (three). However... they are full page width, so they end up one below the other, not in 3 columns side by side.

Can anyone help with the code for the CSS file and or PHP files that I need to add to get 3 footer widget columns???

Greatly appreciated!

[Brad Dalton]

I would grab the code from a theme which displays 3 column footer widgets like this:

.footer-widgets {
	background-color: #fff;
	clear: both;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 32px auto;
	margin: 3.2rem auto;
	max-width: 100%;
	padding: 36px 36px 0;
	padding: 3.6rem 3.6rem 0;
}

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

.footer-widgets-1 {
	margin-right: 36px;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets .widget {
	margin-bottom: 36px;
	margin-bottom: 3.6rem;
}

You will need to tweak the margins and padding.

---

Tutorials for StudioPress Themes & WooCommerce.

[dmdwebdesigns]

Thanks so much. This helps and it looks marvelous!

[Author]

Posts