modern portfolio pro, Home-Blog widget

[nancimurdock]

Hello,

The Home-Blog Widget in Modern Portfolio Pro is set up for 3 blog posts/images. I would like to re-code that widget to support two equal size areas, and be able to drop a "genesis featured page" widget into each. I have changed the image size in the functions.php but I can't seem to get the theme to accept the changes.

Any CSS (and line #) you could provide would be appreciated.

Thanks!

Nanci

http://colleendwyermeloche.com

[Brad Dalton]

This looks like the CSS you need to change:

.mpp-home .content .featuredpage,
.mpp-home .content .featuredpost .entry,
#services .alignright {
	float: left;
	margin-right: 5.263157894737%; /* 60px / 1140px */
	width: 29.824561403509%; /* 340px / 1140px */
}

#services .alignleft {
	width: 64.912280701754%; /* 740px / 1140px */
}

.mpp-home .content .featuredpage:nth-of-type(3n+3),
.mpp-home .content .featuredpost .entry:nth-of-type(3n+3) {
	margin-right: 0;
}

.mpp-home .content .featuredpage:nth-of-type(3n+1),
.mpp-home .content .featuredpost .entry:nth-of-type(3n+1) {
	clear: left;
}

Have you tried changing the 3 to 2 and the 29% width to work with 2 widgets rather than 3?

Otherwise you could use something like the Bootstrap column classes to display widgets inline

---

Tutorials for StudioPress Themes.

[Author]

Posts