Lost the background color.
Permalink
When I upgraded to the new version of concrete5 my previously colored pages (blocks and background)turned white. How do I get the color to everything again? I can't remember how I did it the first time but I know the "customize" option in themes didn't work. I'm not a HTML person but I peeked in the main.css and saw a line with the color code that I had before I upgraded. Yet the pages are white. I tried to approve an older version in Sitewide > Versions but it's all still white. Wish I understood some tech talk but, can someone give me some plain ole simple English help? Thanks.
Adreco, thanks for the response. I didn't do it through "Design" in the block edit. I wanted it to apply to the whole page, not just a block. Do you have any advice for applying color to the whole page?
Hi Wendy,
Is the site publicly accessible? If so, could you send us a link so we can take a look? I'm pretty sure anyone with a css debugging tool like Firebug could track it down pretty quickly.
Is the site publicly accessible? If so, could you send us a link so we can take a look? I'm pretty sure anyone with a css debugging tool like Firebug could track it down pretty quickly.
KateD, my site is:www.www.homesteadhomemaking.com.... Please have a look. I'd be grateful for any help.
Is the file, "../images/light_beige_boards_background.jpg" present in the web host file system? My debugger says it fails to load, so it's probably either missing or may have gotten moved someplace other than the path specified on line 79 of main.css.
KateD, The "light beige boards background" was something I tried to do once but I don't need that now. I just need the blocks and background to be #f2e19f - yellow. Blocks and background were yellow before I upgraded Concrete5 to newest version. I lost it when I upgraded.
Okay, then I suggest you remove the line that says:
from around line 79 in main.css. That rule is overriding the rule on line 3 that says:
...which is the rule I think you are trying tweak.
To customize that color in C5, go to the Dashboard, Pages and Themes, and click the [Customize] button next to the active theme. There you should see the colors that are set for that theme and be able to edit them.
background: url("images/light_beige_boards_background.jpg") repeat scroll 0 0 transparent;
from around line 79 in main.css. That rule is overriding the rule on line 3 that says:
background-color: #F7E9AF;
...which is the rule I think you are trying tweak.
To customize that color in C5, go to the Dashboard, Pages and Themes, and click the [Customize] button next to the active theme. There you should see the colors that are set for that theme and be able to edit them.
KateD, Thanks for hanging with me on this. When I go to "main.css" (via Files Mgr> Root Dir> Concrete5> Themes> Default> Main.css) I only have 64 lines there and can't find the one you referred to about the "light_beige_boards_background.jpg" On about lines 3 & 4 I do have:
body {background:url(images/avertical_boards_background.jpg);repeat-x;
/* customize_background */ background-color:#f2e19f; /* customize_background */ padding: 0px; margin: 0px; }
img {border: 0px}
I put the "a" at the beginning of "avertical" because I didn't want that background there. I do want the color f2e19f. I have never been able to get the "Customize" in "Pages and Themes" to take. I did at one point put in:
background: url("images/light_beige_boards_background.jpg") etc.
under "Customize" > "Add your CSS" but, that never took either. But, it must have shown up somewhere for you to have seen it.
Thanks for your patience. Please don't leave me KateD. You're my only hope...
body {background:url(images/avertical_boards_background.jpg);repeat-x;
/* customize_background */ background-color:#f2e19f; /* customize_background */ padding: 0px; margin: 0px; }
img {border: 0px}
I put the "a" at the beginning of "avertical" because I didn't want that background there. I do want the color f2e19f. I have never been able to get the "Customize" in "Pages and Themes" to take. I did at one point put in:
background: url("images/light_beige_boards_background.jpg") etc.
under "Customize" > "Add your CSS" but, that never took either. But, it must have shown up somewhere for you to have seen it.
Thanks for your patience. Please don't leave me KateD. You're my only hope...
Hi Wendy, If you choose "Add to main" As If you were going to Add a block, but chose design instead,the background chosen now applies itself to the entire main area and does not affect the blocks. The blocks you can change separately after they are created.
Otherwise, I've always changed the color codes in the themes Main CSS folder to have the color differences consistent site-wide with one modification
Otherwise, I've always changed the color codes in the themes Main CSS folder to have the color differences consistent site-wide with one modification
Adreco, I'd like the option of having the color differences consistent site-wide with one modification. How do I do that? Here is a line from the main.css as it is now and as it was before I upgraded:
/* customize_background */ background-color:#f2e19f; /* customize_background */ padding: 0px; margin: 0px; }
It was working but since I upgraded to the latest version of Concrete5 everything is white. Can you tell me what is wrong?
/* customize_background */ background-color:#f2e19f; /* customize_background */ padding: 0px; margin: 0px; }
It was working but since I upgraded to the latest version of Concrete5 everything is white. Can you tell me what is wrong?
Adreco, I did the "Add to main" and chose the "design" thing and it did turn all the blocks in that column to my color but what I am wanting to recover is the entire page ( in fact all pages) being that color - the margins, everything (throughout the whole site). No white space left. Can that happen again?
I just found another piece of the puzzle. The reason you can't find the line I referred to is that the main.css file that you're not looking at the main.css that your theme is actually using. That file is located in:
Take a look in the header of your template files (default.php, full.php, left_sidebar.php, etc.), where it calls in your style sheet.
If you decide to move that file to the same directory where your theme templates are (which is what we normally do), be sure to edit all your theme files to use the version of main.css located there.
http://www.homesteadhomemaking.com/index.php/tools/css/themes/default/main.css
Take a look in the header of your template files (default.php, full.php, left_sidebar.php, etc.), where it calls in your style sheet.
If you decide to move that file to the same directory where your theme templates are (which is what we normally do), be sure to edit all your theme files to use the version of main.css located there.
KateD, I've struggled to understand what you've written, but haven't got it yet. So, there's another main.css. I clicked on the url you listed and saw the "light_beige_boards_background jpg." thing. Should I delete it there? I don't know how to "take a look in the header of (my) template files." Is that located at the url you gave me? I don't understand moving that file to the same directory where my theme templates are. Does that mean moving them to the main.css I was first looking at? How would I move them there and how would I "edit all (my) theme files to use the version of main.css" in the new location? I apologize for my ignorance. I think I must sound dorky.
Did you change the background colors by selecting "Design" from the list of options when looking to add or edit a block? The design selection will allow you to select either color or images for the background.
Strangely enough, I've noticed that when I've edited content on pages customized this way, the background changes would disappear and revert to white. Just open a "design" tab again and click apply to have the page changes reappear.