Mellow Theme - Site Title Shows All Black

Hi there,

Have you resolved this?

I'm seeing a logo on all pages and no site title.

Let me know :)

Hi Leo,

Could you please check again? I have removed the site logo on mobile.

Best regards,
Eugene

Hi Eugene,

I can see that your home page is missing some CSS style, could you clear your cache and disable your cache plugin to test?

Let me know :)

Hi Ying,

Cache cleared and plugin disabled.

Mellow has this CSS added by default:

.site-branding, .navigation-branding {
    background: rgba(0,0,0,0.8);
    display: inline-block;
    padding: 10px 30px;
    border-radius: 3px;
    transition: background 500ms ease;
}

You can try removing it in the Additional CSS field in the customizer.

Hi Leo,

I have removed the additional CSS but now the site title is black with a transparent background on the homepage but white on the other pages.

What is the result you'd like to achieve?

Hi Leo,

I would like the title text white and background black for all pages.

So add back the CSS here:
https://generatepress.com/forums/topic/mellow-theme-site-title-shows-all-black/#post-1722304

And replace:
rgba(0,0,0,0.8);

with:
#ffffff;

The title text color can be changed in the customizer.

Hi Leo,

I have added back the CSS and change the site color but the text remains black. Could you give a check to see what is wrong?

Hi there,

I'm not sure I see what you mean.

Here's what I see on my end. https://share.getcloudapp.com/kpuKmRrp

Is this not the intended result? Let us know.

Hi Elvin,

The site title text is black. Even after changing the site title colour to white in the customizer.

https://snipboard.io/WDqAtY.jpg

Ah I see what you mean.

Try this CSS:

@media (max-width: 768px){
#mobile-header .navigation-branding .main-title a {
    color: white;
}
}

Thank you! It now works as how I would like it to be.