🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] The thumbnail is aligned with the title

Home Forums Support The thumbnail is aligned with the title

  • This topic has 3 replies, 2 voices, and was last updated 6 months ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1118826
    Fitron

    Hello,

    I am using GP premium and I want to make a Lates post on homepage like in the IMAGE THIS: (the small thumbnail images on the left and the post title aligned on the right thumbnail)

    Can someone out there help me, I see no option that fits in the “site library” generatepress.

    #1119166
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You can:

    1. Set your featured image location to above the title: https://docs.generatepress.com/article/adjusting-the-featured-images/
    2. Set your featured image alignment to “left”.
    3. Reduce the size of your featured images.
    4. Set your excerpt length to 0
    5. Add this CSS:

    .entry-summary {
        display: none;
    }

    That should get you most of the way. If it’s not quite there, feel free to link us to the site and we’ll help with the rest 🙂

    #1119964
    Fitron

    Hello tom, thank you for your fast response.
    I forgot to include, for the mobile view only

    I’ve been following your guide tom and I added this code: (to set the size of thumbnails on mobile view)

    .post-image-aligned-left .img post-image {
    		max-width: 100px;
    	}
    }

    Now step to align the thumbnail with the title of the post (thumbnail at right and title on the left)

    UPDATE! I’ve done this and successfully, I get the code on this forum.

    #1120440
    Tom
    Lead Developer
    Lead Developer

    Awesome, is everything set up the way you want now?

    Let me know 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.