Make featured page look like featured posts

Community Forums Forums Design Tips and Tricks Make featured page look like featured posts

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  SimplyAA 9 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #70051

    SimplyAA
    Participant
    Post count: 61

    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


    http://angelaandrews.me/
    #70064

    nutsandbolts
    Moderator
    Post count: 3125

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


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

    #70172

    SimplyAA
    Participant
    Post count: 61

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


    #72190

    SimplyAA
    Participant
    Post count: 61

    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%;
        }
     
    }
    

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.