Many thanks for that, which works fine.

But linked to it, is trying to keep the reduced image size of the main image, but it always changes the image size in the displayed grid.

article.blog-post .wp-picture img {
  max-width: 50%;
  width: 50%;
  margin: 0 auto;
}

WAS

article.blog-post .wp-picture img, article.post-grid .wp-picture img {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

Also if you check out a single post, the category text is half off the main image.

To be honest Xstore is not meeting upto my expections and I am only at the blog stage.

2- Sorry to say, I don’t understand what you mean by “But I cannot find CSS code to change the hover over the grayed area and then the location of the blog category.” Can you please elaborate on it?

Have a check of video at https://gb-online.co.uk/dump/xstore-blog1.mp4
This shows the hover over greyed areas and ‘blog category’ text

3 – Also as I cannot get elementor to modify the Blog. How can I add a yearly calender widget ‘Annual Archive’ .

So there is no way of adding widgets to the blog, unless I buy Elementor Pro

4. Can you please explain it more clearly if possible with the URL of the particular post and also the screenshot of the issue for my better understanding so that I’ll check and help you out further?

If you check my older posts at say https://gb-online.co.uk/scions/category/fruit-and-nut-field-trips/ no images are shown.

Also check video at https://gb-online.co.uk/dump/xstore-blog2.mp4

I believe its something to do with the way wordpress changed the coding, as all the older posts do not show images.

5- The lazy option is working fine. There is no issue when I check your site after clearing the browser cache.

I think the process could be speeded up. I think I am more used to a continous scrolling with no time lag. I have tried on 3 computers and they all lag.
https://gb-online.co.uk/dump/xstore-blog3.mp4