[Support request] How to centre align text within container?

[CAZ]

Can’t see the option to do this, help appreciated. I want the text within the container to be center-aligned.

[Leo]

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[CAZ]

Sure, here’s an example (below) placeholder page, I want the title and body text to be centre aligned ideally!

[Leo]

If you want the content on that page to be centered then using this CSS is the easiest way:

body.page-id-8 .inside-article {
    text-align: center;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

It will only work in this page only as we are targeting .page-id-8

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[CAZ]

Okay – so no way to do this so every single page has text centred? I really wanted to set all H1s and H2s to be centred! Thank you for such a speedy reply 🙂

[Leo]

It’s very tough for me to provide a solution without knowing the exact requirement.

I really wanted to set all H1s and H2s to be centred!

In that case, try this CSS:

.entry-content h1, .entry-content h2 {
    text-align: center;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts