Cami Templete: How can I change the background color on one page?

Site URL: https://www.fohlund.com/

Hi! 
 

I'm trying to work out how I can change the background color for my About-page without changing the color of my other pages? I would like the entire page to change color, the navigation as well.
This is the page where I'm trying to change background: https://www.fohlund.com/about

I have the Personal plan so I can't use CSS on a single page's settings, Design - Custom CSS is the way to go.

I've tried this code but it didn't work, what am I doing wrong?

Quote

 

body#collection-60108f3ed12c91733753e42a div#site {

    background: #eae5d6;

}

 

Thankful for any help!

30 minutes ago, fohlund said:

Site URL: https://www.fohlund.com/

Hi! 
 

I'm trying to work out how I can change the background color for my About-page without changing the color of my other pages? I would like the entire page to change color, the navigation as well.
This is the page where I'm trying to change background: https://www.fohlund.com/about

I have the Personal plan so I can't use CSS on a single page's settings, Design - Custom CSS is the way to go.

I've tried this code but it didn't work, what am I doing wrong?

Thankful for any help!

Hi, targeting the page's section background colour would be more effective. Try this code and let me know how it goes 🙂 

#collection-60108f3ed12c91733753e42a .section-background {
  background-color:#eae5d6;
}

13 minutes ago, Jia said:

Hi, targeting the page's section background colour would be more effective. Try this code and let me know how it goes 🙂 

#collection-60108f3ed12c91733753e42a .section-background {
  background-color:#eae5d6;
}

Wow, yes it did, thank you so much! 😀🙌

The nav is still white though, do you know if it's possible to change the color of that as well, on just that one page? 

14 minutes ago, fohlund said:

Wow, yes it did, thank you so much! 😀🙌

The nav is still white though, do you know if it's possible to change the color of that as well, on just that one page? 

Yes, you'll need another code to target the header, like this:

#collection-60108f3ed12c91733753e42a .header .header-announcement-bar-wrapper {
  background-color:#eae5d6;
}

54 minutes ago, Jia said:

Yes, you'll need another code to target the header, like this:

#collection-60108f3ed12c91733753e42a .header .header-announcement-bar-wrapper {
  background-color:#eae5d6;
}

Works perfectly! Thank you so much for the help! 

Similar question - I'm able to get a page id and set the background color using this code:

#page-622a6292ec829853c62eb3ed {
  background-color:#e2ded9;
}

But it doesn't fill the entire page. I tried adding .main-content, .section-background and other things but it doesn't help.. any ideas? thanks!

On 3/17/2022 at 6:51 AM, RikkiG said:

Similar question - I'm able to get a page id and set the background color using this code:

#page-622a6292ec829853c62eb3ed {
  background-color:#e2ded9;
}

But it doesn't fill the entire page. I tried adding .main-content, .section-background and other things but it doesn't help.. any ideas? thanks!

Can you share link to page in screenshot? We can check easier

Solved: I needed collection ID rather than page ID.