Blog and Blog post layout

Hi there,

I'm not exactly sure I see what you mean. Can you explain a bit more?

I've inspected the blog page and all seems to be the same layout except for CONSULENTE FINANZIARO, COSA VUOL DIRE post image having too much negative space.

But this image having too much negative space isn't coming from the theme. It's the image itself having too much "white space" on its bottom and top part. I suggest cropping these up.

Hi Elvin,

after my post I modified something in the blog page and posts; so now it's quite ok.

I have a problem with vertical position in the blog page and in the post; I mean I don't know how modify the space above the list of posts in the blog page and above the post in the single post.
Probably I have to do something with a specific Element for blog but I'm not so expert.

Could you help me, please?

Thanks in advance

P

Hi Pietro,

Have you tried adjusting the content padding in the customizer?
https://docs.generatepress.com/article/content-padding/

Let me know :)

Hi Ying,
many thanks, I adjusted the content padding just now; it seems quite ok.

Just 1 thing again:
How can reduce the space between the title of the post and the picture (in the blog page and in the post page)?

Many thanks again

P

I don't see there's much space between title and featured image:
https://www.screencast.com/t/xDaadnA1K
https://www.screencast.com/t/EUBS3nmHvGp

Can you confirm these are the space you want to reduce?

Thanks!

What you see is correct but is right just for that post, if you look other post the spaces are different.
Vary strange but that's it.

how can manage this topic?

Hi there,

in Customizer > Additional CSS you have this:

@media screen and (min-width: 1100px) {
  .wp-image-840 {
    display: none;
  }

  .separate-containers .inside-article {
    padding: 0 !important;
  }
}

Change that to:

@media screen and (min-width: 1100px) {
  .wp-image-840 {
    display: none;
  }

  .separate-containers:not(.single) .inside-article {
    padding: 0 !important;
  }
}

Not this change: .separate-containers:not(.single) .inside-article this rule will now only remove the padding for post cards on the block page.

Thanks David,

maybe I didn't understood well.
I added in Additional CSS the change suggested but nothing is changed.

I modified the pad in the blog page to have more space before first post summary but the post now is to much hight.

probably I have to do something in some specific element for blog in terms of pad, what about?

Just to understand, I would like to have a blog similar to

https://www.michelalodigiani.it/category/blog/
https://www.michelalodigiani.it/lo-sapevi-che/81-le-5-fasi-di-una-bolla-sui-mercati-finanziari/

As you can see the space between picture and post title is part of the problem; other is the width of the row (or block) of the post (in blog page and in the post page).

What can I do to fix that?

Thanks in advance for your support.

P

Your padding setting should be correct, the issue you have is like Elvin mentioned -- the images themselves.

so I changed the background color for your Blog so you can have a better understanding.

As you can see, the lower featured image is well cropped with no extra space around while the upper featured image has the white space around:
https://www.screencast.com/t/dBFlgZ1gEjq5

You'll need to crop the images in media > library to fix the issue here.

Wow, it's works (obviously)!!
I cropped the images and now the blog page is perfect.

Many thanks for your support!!!

P

No problem :)
Glad to help!