Page 1 of 1

CSS not changing my colors!

Posted: Wed Mar 05, 2008 3:22 pm
by Froed
So, the CSS I'm using for my comic isn't quite working right. I ftped the CSS template "Minimal Black" by C.W. and although it places all the pieces in the correct places, It will not for the life of me change colors or fonts like (I guess I assume) it should. It shows up as grey and lighter grey instead of black and dark grey.

I saved the original copy of the CSS and altered it with new font/color info. Just to be absolutely sure as to the initial process: I copy/pasted them into textedit, made them plain text, added .html instead of .txt and named them both screen.html.

Pre-change:
/* CSS by c.w. http://cwcomics.comicgenesis.com c.w.comics@gmail.com */ body { margin: 0; padding: 0; text-align: center; font-family: sans-serif; background: #F6F6F6; } #ad { margin: 15px; float: right; } .header { margin: 15px; text-align: left; margin-left: 1em; } h1 { margin: 0; font-weight: normal; } h2 { margin: 0; color: #555555; font-weight: normal; } h3 { margin: 0; color: #555555; font-weight: normal; } a { color: #000000; text-decoration: none; font-style: italic; } a:hover { text-decoration: underline; } ul { margin: .5em; padding: 0; } li { display: inline; margin-right: 2em; } .main { margin: 0; padding: 10px; margin-top: 1em; background: #DDDDDD; } .main ul { margin: 0; } .main li { margin-right: 1em; } .main img { margin: .5em; } .news, .list, .rant, .gal { text-align: left; margin: .5em 20% .5em 20%; } .news iframe { width: 100%; height: 350px; border: 0; } .list, .rant, .gal { background: #DDDDDD; padding: 15px; overflow: auto; } .gal img { float: left; margin: 0 25px 25px 0; } .list li { display: block; margin-bottom: .25em; } #footer { font-size: 70%; }

Post-change:
/* CSS by c.w. http://cwcomics.comicgenesis.com c.w.comics@gmail.com */ body { margin: 0; padding: 0; text-align: center; font-family: mistral; background: #000000; } #ad { margin: 15px; float: right; } .header { margin: 15px; text-align: left; margin-left: 1em; } h1 { margin: 0; font-weight: normal; } h2 { margin: 0; color: #555555; font-weight: normal; } h3 { margin: 0; color: #555555; font-weight: normal; } a { color: #FFFFFF; text-decoration: none; font-style: italic; } a:hover { text-decoration: underline; } ul { margin: .5em; padding: 0; } li { display: inline; margin-right: 2em; } .main { margin: 0; padding: 10px; margin-top: 1em; background: #202020; } .main ul { margin: 0; } .main li { margin-right: 1em; } .main img { margin: .5em; } .news, .list, .rant, .gal { text-align: left; margin: .5em 20% .5em 20%; } .news iframe { width: 100%; height: 350px; border: 0; } .list, .rant, .gal { background: #686868; padding: 15px; overflow: auto; } .gal img { float: left; margin: 0 25px 25px 0; } .list li { display: block; margin-bottom: .25em; } #footer { font-size: 70%; }

Is there more you would need to know what I'm doing wrong?

Re: CSS not changing my colors!

Posted: Wed Mar 05, 2008 4:45 pm
by C.w.
Oops! I had the download link for minimal black pointing to the minimal white file.

http://cwcomics.comicgenesis.com/genera ... screen.css

That should give you the right file. As for why you can't change colors... it might be that an update hasn't been run through siteadmin yet. If you run one, it should change the file to the new one you uploaded.

Re: CSS not changing my colors!

Posted: Wed Apr 02, 2008 6:19 am
by Froed
Well, I've been fiddling around with it for awhile now, but nothing seems to be working (including changing my CSS from the accidental white to minimal black and now to charcoal, but the min. black is still what I'd like to have in the end). I'm wondering if it would be possible something could be funky with the public folder? (atm there are 3 different files in the main public_html folder that are named screen.something, although I remember deleting all of the files that are now in that main folder [not the subfolders] awhile ago) Or should I change the document I have copied for the CSS from .html to .css or to something else?

If nothing seems to work, should I/is there the possibility of resetting the entire website back to the absolute barebones along with destroying any evidence of anything I've done so far? So that I could upload everything anew.

Re: CSS not changing my colors!

Posted: Wed Apr 02, 2008 5:49 pm
by C.w.
Are you right clicking and choosing "save as" on the css link, then uploading screen.css to workspace/webpages? It sounds like you're copying the CSS into notepad and then saving it as an HTML file, which won't work at all.

Re: CSS not changing my colors!

Posted: Thu Apr 03, 2008 12:17 am
by Froed
Well, there you go. (moreover, there I go)

Sorry for the misunderstanding, I think I didn't get what to do after acquiring the CSS (I'm not sure if your site gave instructions completely, but I don't want to be the guy saying "put a 'can cut your fingers off' sign on a razor blade).