vcm

22 hours ago, vcm said:

Hi  @tuanphan

How do I do the same for the header font color for that same specific page ?

I tried this on page advanced but it didn't worked:

nav.header-menu-nav-list * {
    color: white !important;
}

 

solved it. . insert css in the specific page:

header-nav-item a, .header-menu-nav-item a
 {
    color: white !important; 
} 

On 10/5/2020 at 11:16 AM, tuanphan said:

Q1. I see you solved?

Q2. Add to Project Page Settings > Advanced > Header

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

 

Hi  @tuanphan

How do I do the same for the header font color for that same specific page ?

I tried this on page advanced but it didn't worked:

nav.header-menu-nav-list * {
    color: white !important;
}

Solved.

On spectific page:

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

On Custom CSS:

[data-section-id="XXX"] .section-background {
    background: red !important;
}

Site URL: https://newspatiaresidences.squarespace.com/

Hi,

I'm trying to code in CSS a way to change the site background color when navigating to a specific page. Can anybody help ?

Thanks