How To Center the Header Title on Pages?

[shayanqadir]

Hi

How do I center the Title for all my pages and blog posts?

They are all currently aligned left and I can’t find anything on the forum or settings to edit this

Please look at the example below:

Thanks

[ruenel]

Hello @shayanqadir,

Thanks for writing in!

There is no option in the theme that allows you to center the page and post titles. You need to add CSS code into X > Theme Options > CSS to be able to center the page and post titles in your site.

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

The page and post titles are using entry-title CSS class. Therefore a proper CSS selector for centering the page and post titles will be:

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

Feel free to add whatever CSS code you like inside the selector. I added a text-align: center; to align the title element to the center. To learn more about the “text-align” CSS property, please check this out:

• https://www.w3schools.com/cssref/pr_text_text-align.ASP

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg