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

[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

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

Hi Barna,

This should help: https://docs.generatepress.com/article/adjusting-the-featured-images/#removing-the-outside-padding-spacing

As for the video post format, this should help: https://generatepress.com/forums/topic/post-format-icons/#post-263775

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[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 :/

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

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 */
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[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 :/

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

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

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

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

ok fully understand it now! many thanks!

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts