[glenn1900]

Hi,

After I applied an update to the Clean Journal theme all the featured images have assumed their actual file dimensions and do not cover the width of the ‘site’ anymore as they used to.

Well, I say all, the home page featured image is fine, it’s just the featured image on all other pages.

Their file size is around 1000px x 600x and all images are aligned left as well, leaving an odd-looking blank area to the right of the image.

Has anybody else come across this issue and is there a css fix that will work?

The website in question is https://www.treeprofiles.co.uk/

Thank you,

Glenn

[Skandha]

@glenn1900: Hello Glenn,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.featured-image.from-metabox.full-size {
text-align: center;
}

Let me know if this works out!

Kind Regards,

Skandha

[glenn1900]

Hi Skandha,

You replied quickly and so did I, only I replied to the email and when I’ve just looked at it again I’ve seen it’s’ a noreply@ address! Doh!!

Sorry, I don’t normally need to go on forums.

But my reply was this….

Hi Skandha,
Thank you for the prompt reply. Alas, it didn’t work.
I gotta say though that is css for aligning text centrally, my issue is an image and also the sizing of it, not acting as ‘cover’ anymore
I did use your class identifiers and added this…

.featured-image.from-metabox.full-size {
display: block;
margin-left: auto;
margin-right: auto;
width:100%;
}

 

Which ought to align an image centrally at least but it still didn’t work.
I would be very grateful if you could help me solve this.
As I said, previously all the header/featured images on every page worked as the Home page still does, covering the whole width of the page as you would want.
Thank you,
Glenn

So, that was the email reply but just to reiterate, it’s still not working and it would be great if you can help further.
I’ll make sure to reply here next time 🙂

 

 

 

 

[Skandha]

@glenn1900: Hello Glenn,

To have the images in the inner pages extend to full width you will need upload images with a larger width like the image in the homepage.

To center align the images please use the following CSS Code.

.featured-image {
text-align: center;
}

Let me know if this helps you out!
Kind Regards,
Skandha

[Author]

Posts