Featured Posts wrapping to second line

[magzparmenter]

Can anyone help please?

I am using Featured Posts Amplified widget and my posts (3) are all showing vertically on top of each other instead of horizontally in a row. This is only happening in the Home-blog section of my Modern Portfolio Pro theme.

Can anyone help me, I'm desperate.

http://chasingholy.co.uk

http://chasingholy.co.uk

[Genesis Developer]

follow the CSS idea from here http://genesisdeveloper.me/display-3-columns-genesis-featured-posts-in-home-section-2-of-parallax-pro-theme/ . It will help you

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[magzparmenter]

Thank you genwrock.
That looks a lot more straight forward than some of the other posts I've seen,

I just have two questions:

1. Do I need to specify the thumbnail sizes as in the tutorial (Isnt it already set in the theme?)
2. If I add this code, will it also affect the featured posts widget in the Home-portfolio section which is currently working? (In that section, I have a featured pages widget as well as a featured posts and I need them to display inline 3 in a row.)

[magzparmenter]

I just tried to add the code at the bottom of my stylesheet and it didn't change anything on my site.

🙁

[magzparmenter]

Currently, this is in my Home section of stylesheet.
I suspect something isn't right, but I don't know what.

.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) {
margin-right: 0;
}

[magzparmenter]

Anyone have any ideas on this?

[stinkykong]

In your widgets panel, do you have a single widget for featured posts that is set to show three posts? If so, I would instead place three separate widgets for featured posts, each set to one post.

---

Web Design by Websentia Web Services
http://websentia.com

[magzparmenter]

Hi,
Thanks for your reply.
That would be an option except then, wouldn't it only pull from 3 categories at a time? I would need to keep going in and changing them so it would display the most recent from all categories?

[stinkykong]

There's a lot I don't know about how your organizing your widgets but you should be able to set your offset in your widget boxes 0 for one, 1 for another, and 2 for the remaining box. But again, that might not fit your organization so you might try these rules:

#featured-post-4, #featured-post-4 .widget-1 {
float: left;
width: 100% !important;
}

#featured-post-4 .entry {
float: left;
width: 29.8246%; !important;
}

...not sure it the !important elements are really needed.

---

Web Design by Websentia Web Services
http://websentia.com

[magzparmenter]

Would that code be in addition to what's already there, or replacing?

Currently this is the Content section of my stylesheet. I also do have Simple Hooks if that would help in any way?

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Home Page
--------------------------------------------- */

#about,
#blog,
#portfolio,
#services {
clear: both;
overflow: hidden;
}

#about,
#services {
background-color: #AAC8D8;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
padding: 50px 0 26px;
}

#about .entry-meta a:hover,
#about .entry-title a,
#about a:hover,
#services .entry-meta a:hover,
#services .entry-title a,
#services a:hover {
color: #fff;
}

#about .entry-meta a,
#about .entry-title a:hover,
#services .entry-meta a,
#services .entry-title a:hover {
color: #ccc;
}

#portfolio {
padding: 60px 0 16px 30px;
}

#blog {
padding: 60px 0 16px 30px;
}

.mpp-home .content .featuredpage,
.mpp-home .content .featuredpost,
#services .alignright {
float: left;
/* margin-right: 5.263157894737%; DEP 11/2/14 */ /* 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) {
margin-right: 0;
}

#blog .widget-title,
#portfolio .widget-title {
margin-bottom: 24px;
margin-bottom: 2.4rem;
}

.mpp-home .content .featuredpost h3,
.mpp-home .content .featuredpost ul,
.mpp-home .content .featuredpost .more-from-category {
clear: both;
}

[magzparmenter]

I did try the 3 widget method, but the widgets were completely out of alignment (both between the widgets and the height) which means more changes to padding and margins, which I'm really not too sure about.

[magzparmenter]

Still really struggling with this, if anyone can help?

[magzparmenter]

Any ideas anyone?

[Author]

Posts