Jump to content

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

Go to solution Solved by tuanphan,

Recommended Posts

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! 

Link to comment
  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
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;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.