[Resolved] Blog list style – no image padding / video notice icon for video post type

Home Forums Support [Resolved] Blog list style – no image padding / video notice icon for video post type

Home Forums Support Blog list style – no image padding / video notice icon for video post type

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #268080
    BarnaB

    Hi Tom,

    Any recommendations how to achieve this list layout?

    (full 4:3 image no padding)

    Also…if i set a post to video post type: how can it have a similar small indicator that it is a video in the blog list ?

    https://www.slrlounge.com/

    Thank you

    #268087
    Tom
    Lead Developer
    Lead Developer
    #268095
    BarnaB

    Thanks Tom,

    The issue there is that after setting it up using only -20px when you view it on a tablet or mobile the img hangs into the post title :/

    #268098
    Tom
    Lead Developer
    Lead Developer

    If you’re using a different mobile padding option (like 20px instead of 40px), you would need to re-add the code into a media query and adjust the values:

    @media (max-width: 768px) {
        /* The CSS added in here again with adjusted values */
    }
    #268109
    BarnaB

    got it ! working properly now 🙂

    Got the video icon to be placed on the video posts featured image too BUT i am not too sure why as soon as i switch it to video post type instead of the excerpt it loads the content too from the post into the blog list :/

    #268111
    Tom
    Lead Developer
    Lead Developer

    The video post format shows the full content to allow videos to be displayed.

    You can set the more tag on these pages to set a specific cut off point for the excerpt: https://docs.generatepress.com/article/using-the-more-tag/

    #268114
    BarnaB

    if it is set to other post types (picture, etc) it does the same.

    #268117
    Tom
    Lead Developer
    Lead Developer

    Same reason – those post formats require the full content in order to show what they’re meant for (videos, photos, audio etc..). If the excerpt was set, then no HTML would make it through meaning none of those elements would display.

    #268121
    BarnaB

    sorry…didnt get the your answer notification before my second was sent 🙂

    ok fully understand it now! many thanks!

    #268123
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

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