BeeperChirp 0 Share Posted April 25, 2020 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
0 tuanphan 9,586 Share Posted April 25, 2020 If you use Business Plan, add to Page Settings > Advanced > Header <style> div#site { background: red; } </style> If you use Personal Plan, add to Home > Design > Custom CSS body#collection-5e2f261508f8621492f2bab8 div#site { background: red; } Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 BeeperChirp 0 Author Share Posted April 25, 2020 @tuanphan Worked like a charm. Thank you! Link to post
0 k3ats 1 Share Posted July 11, 2020 (edited) @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 July 11, 2020 by k3ats more info Link to post
0 tuanphan 9,586 Share Posted July 11, 2020 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> k3ats 1 Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 k3ats 1 Share Posted July 12, 2020 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
Question
BeeperChirp 0
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?
Link to post
Top Posters For This Question
2
2
2
Popular Days
Apr 25
3
Jul 11
2
Jul 12
1
Top Posters For This Question
BeeperChirp 2 posts
tuanphan 2 posts
k3ats 2 posts
Popular Days
Apr 25 2020
3 posts
Jul 11 2020
2 posts
Jul 12 2020
1 post
Popular Posts
tuanphan
<style> .Main { background: red; } header.Header.Header--bottom { background: red; } </style>
5 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment