• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to Show Blog Posts, Videos, and Podcast like Timeline on the Blog Page?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to Show Blog Posts, Videos, and Podcast like Timeline on the Blog Page?

This topic is: not resolved

Tagged: archives, blog page, genesis

  • This topic has 4 replies, 2 voices, and was last updated 4 years, 3 months ago by RahulDubey137.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 2, 2018 at 1:05 am #224774
    RahulDubey137
    Member

    Hello,

    I want to Show Blog Posts, Videos, and Podcast like Timeline on Blog Page like Neil Patel does on his blog. How can I do that?

    I'm using a custom child theme and here is my blog page: https://learndigitalwithrahul.com/blog

    Looking forward to your help.

    Thanks!

    https://learndigitalwithrahul.com/blog
    December 2, 2018 at 4:59 am #224775
    Victor Font
    Moderator

    Neil is displaying his posts as list items. He's not even using the standard markup for articles. All he is doing is displaying an image and title within a h2 element linked to the post/podcast.

    To do this in a Genesis based theme, you have to create your own custom blog template where only the title and featured image are retrieved in the loop. The opening and closing list item tags would go before and after the loop respectively. The left/right display is handled by CSS classes.

    Creating a template of this complexity requires a lot of custom programming work. You could try searching for a plugin that can modify the loop this way, but I won't be surprised if you can't find one.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    December 2, 2018 at 5:37 am #224778
    RahulDubey137
    Member

    Thanks for your response Victor. I remember that during the last 3 years of me using Genesis, every time I posted in this community, you are the one who responded first. I'm grateful to you for this, Victor.

    Coming back to my query,

    That sounds complex and since I don't have the required skills, I would better retain my current design.

    However, with my current design, I'm able to see the featured image of each blog post 2 times on the blog page. And to my surprise, this is happening on mobile devices only.

    Featured image 2 times

    How can I fix this?

    December 2, 2018 at 9:45 am #224779
    Victor Font
    Moderator

    You have a custom theme. I can tell from the source code, the first featured image is not coming from Genesis. This is what I see in the source:

    <div class="trp-entry-image">

    That class, "trp-entry-image", is not a Genesis class. It's a custom class the someone added to your style sheet. It could be coming from a custom code your developer added or a plugin. I can't tell from the front end.

    Either way, you can remove the display by deleting this CSS at line 1619 in bk.css:

    .trp-entry-image {
        display: block;
    }

    Whatever is loading the image will continue to do so, it just won't display any longer. Best case, you should find what loading the second image and remove the code.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    December 2, 2018 at 10:22 am #224780
    RahulDubey137
    Member
    This reply has been marked as private.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble