Archived topic
Blog list style - no image padding / video notice icon for video post type
9 replies · Started by BarnaB on January 25, 2017
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 ?
Thank you
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
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 :/
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 */
}
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 :/
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/
if it is set to other post types (picture, etc) it does the same.
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.
sorry...didnt get the your answer notification before my second was sent :)
ok fully understand it now! many thanks!
You're welcome :)