[Resolved] Centre text above excerpt tiles on front page?

[Hakim]

How to do the above?

Thank you for being here!
Hakim

GP Premium 1.6.2

[Tom]

Hi there,

Which text exactly?

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

[Hakim]

This is the post title that appears above the image at the top of the tile.

[Hakim]

I had assumed you would know what I was talking about as my website address was included with my messages.
below is the website and as you can see, the titles are left aligned above the centred image but are not themselves centred which is the desired position. I would also like to be able to split the title over two lines if possible so that the second tile would break after “What is Sufism?” with the rest of the title below it, also centred.

https://inayatiorderaustralia.org/

Could you recommend a good book or website for learning html and css?

Thanks again
Hakim

[Tom]

You can use this CSS to center them:

h2.entry-title {
    text-align: center;
}

I don’t believe it’s possible to create a line break within CSS. You could try adding a <br /> element to the title, but it’s not always the best idea to add HTML to the post titles.

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

[Hakim]

Many thanks Tom.
Hakim

[Tom]

No problem 🙂

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

[Author]

Posts