[Resolved] Change in Title Style after upgradation

[Surya]

Hi Tom,

There is a change in how the title is displayed (Colour) after upgradation of generatepress theme.

With version 1.3.31

http://chiropractor.searchusa.net/

With version 1.3.44

http://yoga.searchusa.net/

In the installation with updated version, you can find the background of the site title as blue colour instead of white in the homepage. However, the background is white as desired in other pages.

I want the background to be white in all the pages.

Regards,

Surya

[Tom]

Hi there,

In your child theme, you have this CSS:

h1 {
    padding: 5px;
    color: #FFFFFF;
    letter-spacing: -1px;
    line-height: 1em;
    font-weight: 500;
    font-family: 'Kreon', Arial, sans-serif;
    text-shadow: none;
    text-align: center;
    background-color: #002868;
}

The background color at the end there is what’s making your title have a blue background on the blog.

[Surya]

Hi Tom,

The background colour is set for individual posts where the post title is h1.

In the home page, the site title is h1 and hence the problem. How to overcome this issue? I encounter this problem only in homepage.

Moreover, this effect is not showing in the older version of the theme.

With the same css, http://chiropractor.searchusa.net/ is showing just fine.

Regards,

Surya

[Tom]

The posts page (blog) site title is set to an H1 as there’s not another H1 on the page.

Just adjust your CSS to this:

h1:not(.main-title) {
    padding: 5px;
    color: #FFFFFF;
    letter-spacing: -1px;
    line-height: 1em;
    font-weight: 500;
    font-family: 'Kreon', Arial, sans-serif;
    text-shadow: none;
    text-align: center;
    background-color: #002868;
}

[Surya]

Great !….Thanks a lot Tom.

Surya

[Tom]

You’re welcome 🙂

[Author]

Posts