[Resolved] Center Align Featured Image

[mizzymac]

Hi Tom
Hoping you can pls assist.
I would like to center-align the featured image when it is seen from the home/blog page.
http://vitalityj.com.au/
If you scroll down to The Baby Diaries post- you can see that the featured image is left aligned.
I’ve scrolled through many support threads but can’t seem to locate this anywhere.
Thanks in Advance
regards

[Tom]

Hi there,

Our Blog add-on allows you to align the post images.

You can also use some CSS like this:

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

Hope this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ángel Luis Piquero]

Hi Tom
I’m using Generate Blog to show my post featured images center aligned.
On my blog page they are showing well, but they are showing left aligned in the post page.
I tried the CSS you told but isn’t working.
How can I solve it?
Thanks in advance

[Tom]

For the single post, try this CSS:

.page-header-image-single {
    text-align: center;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ángel Luis Piquero]

Thanks Tom, It works!

I was doing some tests and the next CSS worked too

.page-header-image-single {
    text-align: center;
}

Regards!

[Ángel Luis Piquero]

oops!

The other working CSS is

.generate-page-header {
    text-align: center;
}

[Tom]

Awesome! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts