Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change background color of one page only?


BeeperChirp

Question

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

I'm trying to change the background color of one page: nateburdette.com/nates-world 

I've tried a few things, and I can't get it to work for this template. Anyone know the trick, whether through custom CSS or header injection? 

  • Page: nateburdette.com/nates-world 
  • Collection ID: #collection-5e2f261508f8621492f2bab8
  • Desired background color: #f6f0ea
Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

<style> .Main { background: red; } header.Header.Header--bottom { background: red; } </style>  

5 answers to this question

Recommended Posts

  • 0

@tuanphan I have a business plan, but the code that you've outlined above doesn't work  when I inject it in Page Settings > Advanced > Header. I'm not a developer, so I might be missing something, can you explain like I'm 5 years old?

This is the page I would like to change the color of: https://www.kelseyeaton.com/thank-you (no password needed)
 
I would like the background color to be #F6F6F6, do I just put that in place of "red" in your code?

Thank you!

 

EDIT:  I do have a custom cursor, outlined in this forum post. Could that be causing the issue?

Edited by k3ats
more info
Link to post
  • 0
7 hours ago, k3ats said:

@tuanphan I have a business plan, but the code that you've outlined above doesn't work  when I inject it in Page Settings > Advanced > Header. I'm not a developer, so I might be missing something, can you explain like I'm 5 years old?

This is the page I would like to change the color of: https://www.kelseyeaton.com/thank-you (no password needed)
 
I would like the background color to be #F6F6F6, do I just put that in place of "red" in your code?

Thank you!

 

EDIT:  I do have a custom cursor, outlined in this forum post. Could that be causing the issue?

<style>
  .Main {
    background: red;
}
 header.Header.Header--bottom {
    background: red;
} 
</style>

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0
2 hours ago, tuanphan said:

<style>
  .Main {
    background: red;
}
 header.Header.Header--bottom {
    background: red;
} 
</style>

 

AMAZING! Thank you!

For anyone else who needs a step-by-step:

I have a business plan (this code might be different for personal plans). In your menu, go to the page you want to change the background color on, then click on the cog to the right of the page name that's "Page Settings". Then go Page Settings > Advanced > Copy and Paste the code above. Add the Hex code of the color you want in place of "red". In my case it's "#f6f6f6". 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...