[Resolved] Heading Not centered on HomePage.

[Daniel]

Hello

I can’t figure out why is my heading title not center on the homepage like it is on category pages. Can anyone help out?

My Website: https://www.memescout.com/
Category Page: https://www.memescout.com/category/memes/funny-hilarious-memes/

Thanks!

[Daniel]

Here is how I have inserted the heading on the homepage. https://prnt.sc/ub8851

[Elvin]

Hi Daniel,

I believe the cause of the issue is h1’s class name.

<h1 class="h1.page-title">Best Meme's & Quotes</h1>

You can try removing h1. from h1.page-title.

It should look something like this.
<h1 class="page-title">Best Meme's & Quotes</h1>

Lets us know if it works for you.

[Daniel]

I have made the change’s but it doesn’t work. https://prnt.sc/ub8dzy

HERE IS MY CSS: https://prnt.sc/ub8ell

[Elvin]

.archive.category h1.page-title{
text-align: center;
}

This CSS code applies only to archive > category pages.

If you want it to apply on all page titles on all pages, you can use this CSS code:

h1.page-title{
text-align: center;
}

[Daniel]

Thanks for the quick response, I have fixed it.

[Elvin]

No problem, Glad to be of any help.:)

[Author]

Posts