CSS not changing my colors!

For requests for help from CG administrators, Wranglers, and experienced CG members. Please read the FAQ before posting. Also look at CG Wiki for tutorials and how-tos written by other CG webtoonists.
Post Reply
Froed
Newbie
Posts: 8
Joined: Fri Jan 18, 2008 7:37 pm

CSS not changing my colors!

Post 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?

User avatar
C.w.
Regular Poster
Posts: 343
Joined: Wed Apr 05, 2006 10:04 pm
Contact:

Re: CSS not changing my colors!

Post 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.
Image
Other comics i've done
Webpage troubles? HTML Generator to the rescue.

Froed
Newbie
Posts: 8
Joined: Fri Jan 18, 2008 7:37 pm

Re: CSS not changing my colors!

Post 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.

User avatar
C.w.
Regular Poster
Posts: 343
Joined: Wed Apr 05, 2006 10:04 pm
Contact:

Re: CSS not changing my colors!

Post 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.
Image
Other comics i've done
Webpage troubles? HTML Generator to the rescue.

Froed
Newbie
Posts: 8
Joined: Fri Jan 18, 2008 7:37 pm

Re: CSS not changing my colors!

Post 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).

Post Reply