Blog Page Help

Try wrapping the ones for the featured image padding like this:

@media (min-width:769px) {
    .post-image img {
        position: relative;
        vertical-align: middle
    }

    .post-image + .entry-header + .entry-content:after, 
    .post-image + .entry-header + .entry-summary:after {
        clear: none;
    }

    .post-image-aligned-left .site-main .inside-article div.post-image {
        margin-top: -40px;
        margin-left: -40px;
        margin-bottom: -40px;
    }

    .post-image-aligned-right .site-main .inside-article div.post-image {
        margin-top: -40px;
        margin-right: -40px;
        margin-bottom: -40px;
    }

    .post-image-aligned-center .site-main .inside-article div.post-image {
        margin: -40px -40px 40px -40px;
    }
}

Hey guys thanks for all the help! One more thing, the blog posts with images are quite long (height) can i decrease it a bit much so that it looks compact and nice. More like a square grid type size we have in posts without featured image.

Try to set excerpt length instead of showing full post? https://docs.generatepress.com/article/blog-overview/#blog-content

Yes i already set it to 20. I think if there is a way to decrease the line height or padding between them? It may work

Yes now it is inside the container but has default padding of 40px i guess

The typography plugin helped me get the look i was aiming for, so now all that is left is the rounded cornering of featured image post thumbnail

Did you try this? https://generatepress.com/forums/topic/blog-page-help/#post-323978

Yes, but the featured image thumbnail's corners are still not rounded. However when i go inside the post the image has rounded corners

This code should definitely do that: https://generatepress.com/forums/topic/blog-page-help/#post-323978

Unfortunately for me to find out why it's not working, I would need to see your site? Perhaps you can temporarily place it on a live server?

ok, Lemme set it up on my hostgator account. I will give you my login once its done. Also one more thing is there any where i can make something like this with generate press https://www.moboxgraphics.com/aetuts/
video portfolio.

Edit - just saw elementor and it looks like they have a video plugin which may be able to solve my problem

I set two categories for two different blogs and linked the category page to the menu. That's fine. The issue I am having the nav-next and nav-previous links. The two blogs merge when your come to the end of a blog post, et shows the next blog first post (See attached)
I just want to use CSS to void(display:none) the nav-previous on a single blog page but cannot get it to work.
Any help is truly appreciated.

Try this:

.post-navigation {
    display: none;
}

Yes thank you for your reply. I did see this on another thread here. But it wipes out all of the post nav on the entire blog. Even if I assign it to .category-# , can I just do a single page ID for this css to apply?

Thanks!!

Ah, single posts don't have a category class in the body element by default in WP.

What if you just told the post navigation to stay within the category?: https://docs.generatepress.com/article/generate_category_post_navigation/