Make featured page look like featured posts

[SimplyAA]

I am using the Modern Portfolio Theme here http://angelaandrews.me/. I love the way this looks now but the problem is, I want to use Pages instead of Posts. I tried using the Featured Page widget but it only shows one across and doesn't show the featured image.

The reason I want to use pages is for example, when you check on the "Love Yourself" under the heart on the sand, I want it to go to this page: http://angelaandrews.me/techniques/love-yourself/, not the post.

Note: You will see the 2 Featured pages above the pictures that I tried using.

Thanks for the help

---

Angela

http://angelaandrews.me/

[nutsandbolts]

Here's a tutorial: http://sridharkatakam.com/use-featured-pages-instead-posts-portfolio-widget-area-modern-portfolio/

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[SimplyAA]

This worked perfectly. Thank you so very much! I spent hours searching for something like this yesterday. Thanks again.

---

Angela

[SimplyAA]

Hi, one more question on this: I wanted to switch to 4 across, rather than only 3 across. I thought I could just adjust it to this. It works except there the middle 2 images have no padding:

Featured Pages instead of Featured Posts in Modern Portfolio
--------------------------------------------------------------- */
 
#blog .featuredpage:nth-of-type(4n+0),
#blog .featuredpage:nth-of-type(4n+1),
#blog .featuredpage:nth-of-type(4n+2),
#blog .featuredpage:nth-of-type(4n+3) {
    width: 22.50%; /* 320px / 1080px */
}
 
#blog .featuredpage:nth-of-type(4n+1),
#blog .featuredpage:nth-of-type(4n+2), 
#blog .featuredpage:nth-of-type(4n+3){
    float: left;
}
 
#blog .featuredpage:nth-of-type(4n+0) {
    float: right;
}
 
#blog .featuredpage:nth-of-type(4n+1) {
    margin-right: 5.555555555%; /* 60px / 1080px */
}
 
.mp-home #blog .featuredpage {
    margin-bottom: 48px;
    margin-bottom: 3rem;
}
 
#blog .featuredpage .entry {
    margin-bottom: 0;
}
 
#blog h2 {
	font-size: 40px;
	font-size: 2.5rem;
}

 
@media only screen and (max-width: 532px) {
 
    #portfolio .featuredpage:nth-of-type(4n+0),
    #portfolio .featuredpage:nth-of-type(4n+1),
    #portfolio .featuredpage:nth-of-type(4n+2),
    #portfolio .featuredpage:nth-of-type(4n+3) {
        width: 100%;
    }
 
}

---

Angela

[Author]

Posts