Change the text and button color in the header on blog posts only

AlexMar · October 3, 2023

Hi everyone,
I've been updating our website and found lots of help on these forums but can't find a particular solution to the following problem:
I used custom CSS to make sure the same colour header appears on all pages, including blog posts and worked marvellously. However, now that the blog posts header is also this shade of dark blue, the text remained black instead of white (how it's on all other pages) and the button colour must be white with black/dark blue text to stand out. How can I get this fixed so it's matching throughout the website?
The custom CSS I used for the header on the blog posts is the one shown in this article.
Thank you all in advance!

tuanphan · October 5, 2023

Hi,

Can you share link to a blog post on your site? We can check/test new code easier

AlexMar · October 9, 2023

Thanks for your response. You can see how it looks here.

tuanphan · October 12, 2023

On 10/9/2023 at 7:51 PM, AlexMar said:

Thanks for your response. You can see how it looks here.

You can add this CSS code to change header nav - button color

body[class*="type-blog"].view-item div.header-nav-item>a {
    color: white !important;
}
body[class*="type-blog"].view-item a.btn {
    border: 1px solid white !important;
}
body[class*="type-blog"].view-item:not(.header--menu-open) .burger-inner>div {
    background-color: white !important;
}

Change the text and button color in the header on blog posts only

Recommended Posts

AlexMar

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

AlexMar

tuanphan

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources