Guest COUP Posted October 24, 2012 Share Posted October 24, 2012 I'm trying to edit a single page's background color, rather than the entire site. To do this, I've been told you have to enter CSS code with a page specific ID, which is what I've done: body collectionId-506c8e08e4b04376cb19938d { background: #black; } h1 { background-color: #00000; } All I want is for the page to be black instead of white. You'll notice the code includes the single page ID, but for some reason, it's not changing the color of background. Perhaps I've entered the wrong code? IDK. Any help is greatly appreciated. Link to comment
avsmithy Posted October 24, 2012 Share Posted October 24, 2012 Use: { background: black; } or { background: #000000; } These all mean the same thing. The # symbol is a reference to hex notation for colours, so putting #black is gibberish to a computer. There are also others ways to choose colours such as rgb, rgba and hsla (the last 2 include alpha/transparency), but hex is the standard (and what i'd advise unless you need alpha). Also, make sure the CSS selector is correct, you need to a # in front of collectionId, remove the space just after body and remove the "Id" from collectionId: body#collection-506c8e08e4b04376cb19938d {...} Link to comment
avsmithy Posted October 24, 2012 Share Posted October 24, 2012 I've updated my answer. Link to comment
avsmithy Posted October 24, 2012 Share Posted October 24, 2012 Ah right, no, you shouldn't be getting this from the url. You need to use your browser tools to inspect the dom. There's no "Id" in the collectionId selector. I've updated the answer. Link to comment
Guest COUP Posted October 24, 2012 Share Posted October 24, 2012 That worked! Thank you a ton Alex. Now to figure out how to edit the tab/navigator section. I think I can figure this one out. Link to comment
Guest Posted October 19, 2013 Share Posted October 19, 2013 Is it possible to change the canvas size using this method, on one specific page? I've tried this, but its not working for me. Thanks! body#collection-5262ef42e4b070ba82437d3b { #canvas { max-width: 640px; margin: -20px auto; padding: 60px; } } Link to comment
jeryymanly Posted January 21, 2014 Share Posted January 21, 2014 body {background-color:#C0C0C0;} More detailed about .... CSS background Color jery Link to comment
Anderswaltz Posted June 23, 2016 Share Posted June 23, 2016 This works for Flatiron: GOAL: Gallery Page background color: BLACK / #000000 Project Page background color: WHITE / #ffffff SOLUTION: Change the Background Color in Design > Style Editor to black (this affects all pages) Paste the code (with your own page ID) into the CSS Editor and choose the color you would want for all your projects. Code: .collection-5742c49e356fb0ac05bc9b89 #navigator { background-color: #ffffff !important; } Hope this works Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.