Different Colors of Headers

Site URL: https://potato-sphere-g3k8.squarespace.com/

Hi! Does anyone know how to make the headers different colors on different pages of your website? Also, is it possible to add site wide animations for an entire page but not all pages on your site? 

What is access password? Which plan do you use? Personal or Business

https://potato-sphere-g3k8.squarespace.com/config/settings/domains or naonow.com

Password: naonow

I use the business plan!

12 hours ago, rachelt said:

https://potato-sphere-g3k8.squarespace.com/config/settings/domains or naonow.com

Password: naonow

I use the business plan!

With different header colors

Add to Page Settings > Advanced > Header

<style>
  .header-announcement-bar-wrapper {
    background: red !important;
}
</style>

With animation

You can enable global animation, then use CSS to disable on specific page (share link to that, I can take a look)

Is there a way to customize header background colors on the personal plan?

18 hours ago, radiofree said:

Is there a way to customize header background colors on the personal plan?

Add to Home > Design > Custom CSS

#page-id .header-announcement-bar-wrapper {
    background: red !important;
}

Each page has different ID. See how to find ID.

hi @tuanphan thank you so much-- do you know how to fix this header now so 1) there is less space between title (above) and buttons (below) and video on computer and 2) the title doesn't overlap the video on mobile? 

https://naonow.com/

16 hours ago, rachelt said:

hi @tuanphan thank you so much-- do you know how to fix this header now so 1) there is less space between title (above) and buttons (below) and video on computer and 2) the title doesn't overlap the video on mobile? 

https://naonow.com/

1. Can you take screenshot space?

2. Which video?