How to change the background color of one page only with the header?

I want to change the background color of a page and header. I added the code under advanced tab, but I can't see any preview. I'm attaching the picture. Please have a look and let me know how can I fix this.

Please put the CSS into Custom CSS 
Please Go to Design > Custom CSS and Paste the code

On 3/30/2022 at 3:40 AM, TheSquareSpacer said:

Please put the CSS into Custom CSS 
Please Go to Design > Custom CSS and Paste the code

 

The <style> code won't work in Custom CSS

On 3/30/2022 at 12:53 AM, usmanghani31 said:

I want to change the background color of a page and header. I added the code under advanced tab, but I can't see any preview. I'm attaching the picture. Please have a look and let me know how can I fix this.

Can you share link to page where you want to change background color, we can help easier?

10 hours ago, tuanphan said:

The <style> code won't work in Custom CSS

Can you share link to page where you want to change background color, we can help easier?

https://gecko-goose-nln8.squarespace.com/partners

Here is the link of the page and the password is (juliebillie)

I want to change the background color of body and header of this page only. And I don't want other pages to be affected.

Please go the Design > Custom CSS  and paste the following code
#collection-613a62ce36e9b74fa68969ab header {
    background-color: #fdc200 !important;
}

#collection-613a62ce36e9b74fa68969ab main {
    background-color: #fdc200 !important;
}

5 hours ago, usmanghani31 said:

https://gecko-goose-nln8.squarespace.com/partners

Here is the link of the page and the password is (juliebillie)

I want to change the background color of body and header of this page only. And I don't want other pages to be affected.

Add to Design > Custom CSS

/* partners page background */
body#collection-613a62ce36e9b74fa68969ab {
.section-background, .page-section {
    background: transparent !important;
}
&, header#header {
   background-color: #fdc200 !important;
}}

15 hours ago, tuanphan said:

Add to Design > Custom CSS

/* partners page background */
body#collection-613a62ce36e9b74fa68969ab {
.section-background, .page-section {
    background: transparent !important;
}
&, header#header {
   background-color: #fdc200 !important;
}}

 

I added that code in custom css under design tab, but it's not working.

8 hours ago, usmanghani31 said:

I added that code in custom css under design tab, but it's not working.

Try edit page >> Add a Code Block under Co-conspirators text >> Add this code

<style>
.section-background, .page-section {
    background: transparent !important;
}
body, header#header {
   background-color: #fdc200 !important;
}
</style>

If it still doesn't work, add & keep the code, we can check easier

I added the code in code block under co-conspirators text and it worked. Thanks for sharing.

One more thing that I want to change the color of nav bar of the same page only. From white to black. In all other pages nav bar text color is white and on this page, I want it black. How can I do that?

I added that code but it's not working.

  /* Nav item color */
.main-nav ul li a {
    color: #000000 !important;
}

On 4/3/2022 at 3:57 AM, tuanphan said:

Try edit page >> Add a Code Block under Co-conspirators text >> Add this code

<style>
.section-background, .page-section {
    background: transparent !important;
}
body, header#header {
   background-color: #fdc200 !important;
}
</style>

If it still doesn't work, add & keep the code, we can check easier

I'm waiting for your reply.

Add these code

#collection-613a62ce36e9b74fa68969ab .header-display-desktop{
  .header-nav-item a{
    color: #000 !important;
  }
}

For mobile menu icon

#collection-613a62ce36e9b74fa68969ab .header-display-mobile .header-burger-btn {
  .top-bun .patty .bottom-bun{
    background-color: #000 !important;
  }
}
#collection-613a62ce36e9b74fa68969ab .header-display-mobile .header-burger-btn.burger--active {
  .top-bun .patty .bottom-bun{
    background-color: #f8f2f2 !important;
  }
}