Hello Dave,

In EasyBlog 5, we have fixed the blog image sizes to reduce confusions from users that were using blog images on EasyBlog 3.9. On EasyBlog 5, it now only has the following fixed sizes:

- Original
- Large
- Medium
- Thumbnail
- Small
- Icon

As for your inquiry, it is probably because we actually styled it using css so that the center of the image would be shown instead without having the image to run out of proportions and on top of that, have it be responsive as well. The idea / concept is pretty similar to the photos we used in EasySocial.

Our main priority / goal in EasyBlog 5 is to deliver quality contents to your end user while not sacrificing on the performance on your site (Having a super quality image loaded on the site costs are heavy since files are huge)

Hi Mark.
Thanks for the info. I understand what you're saying and it makes sense to do it that way.

My question therefore is why the images I'm uploading and adding as the blog cover aren't being centred? They are being left-aligned.
Cheers.

Hi Dave Parker,

I am sorry for the late reply.

I am quite not sure what you're referring here because from what I can see on your blog item is that the cover image is displaying correctly large and center. However, may I ask, do you referring to the blog listing? If that so, I believe it is styled to be left-aligned.

May I know, what are you trying to achieved here so that we can assist you much better.

Have a nice day and please advise.

Hi Mohd.

I am referring to the cover image which is associated with a blog article. For example, if you look at the following URL:
https://it-advice.guru/how-to/blogs/it-advice-guru-blogs/will-windows-10-cause-support-issues

This article was set up with the cover image being medium (640 x 400). However, the image clearly isn't being rendered at that size. If you look at the screen shot I have supplied, which has been taken from my laptop, you can see that the image is not being rendered at 640 x 400 (in fact the image is so large it fills the entire area of the screen). I know this due to the fact that if images were being displayed at the selected size and centered as Mark says should happen, then the wording "Windows 10" would be directly centered in the image, whereas all I see is "Window"... Additionally, if I inspect the image properties, it says

<img height="800" width="1280" src="//it-advice.guru/images/easyblog_articles/4/xb2ap3_large_W10-large.png.pagespeed.ic.kpCEA9Qlp3.png" alt="Will Windows 10 Cause Support Issues">

In essence, it appears that no matter what cover size I select when writing the blog/selecting the cover photo, the "Large" version is always being selected.

Hope this helps explain the situation.
Dave

Try adding this rule to your CSS:

div#fd.eb .eb-image .eb-image-figure img {

   width: 100%;

}

Hi Justin.
Just to let you know that I looked in the custom CSS and found that for the same CSS classes I'd got max-width:none which must have been for another problem I had prior to figuring out that it was an option in the Luxon template that was causing the issue. I removed this custom styling and the issue seems to have been fixed.

As a suggestion for future releases, maybe EB could have an option to allow the cover image to be set to a maximum height regardless if the admin wants to. Maybe something like the way profile covers work in ES, where the user and re-position the image within the boundaries of the maximum height. I'll add this to the voices page.

Dave

Hi Justin,

Thanks for sharing this.

Hi Dave,

I am sorry for the late reply.

I am glad to hear your issue is now resolved. Yes, I think your idea is brilliant. This allows the flexibility to the user/admin to manipulate the image size. Please do add this feature request in the voice page.

If you have anymore question please do not hesitate to ask us by creating new thread since this issue is already resolved. This may/can minimize the confusion between us.

Thanks again and have a nice day.

I agree that having a certain height max for cover images would be ideal. Then we could reposition original image inside this window after uploading to show the pertinent parts of the image. Right now my images show in their full 4:3 shape which is way too tall and takes up almost entire page before you see any text.

Hey Piston,

This post is actually pretty old and in EasyBlog 5, you can now configure the behavior of your post covers in Settings > Layout > Post Covers