How to change the colors of my theme

dae

Guys, I've been searching for a little while...but I cant seem to find the exact answer to what my question is...

I'm using the embed vanilla plugin as well as the theme that goes along with it, and Ive made a few small changes to the CSS, but I cant figure out how to change the background color....well Id like to change the background color as well as the color of the discussions and the text as well...

Thanks!

422

Todd posted:

If you made your theme by copying style.css and changing in then you really are in for some headaches unless you are a css expert. We always recommend you leave style.css intact and then create a custom.css in your theme. Our theming quickstart shows the process.

Ste

dae

Hrrm, so I could edit my custom.css, upload that and then link the theme to that im guessing?

422

I dont use embed theme, but would think in embed folder > design folder > custom.css file and make all edits to that file. I presume.

For background color

Presume you could change ..

#Body {
    margin: 0;
    width: 99.9%;
    position: relative;
        background:#234689;
}

RedTwentyFour

422 said: Todd posted:

> If you made your theme by copying style.css and changing in then you really are in for some headaches unless you are a css expert. > > We always recommend you leave style.css intact and then create a custom.css in your theme. Our theming quickstart shows the process. > >

Ste

Steve in RTFM mood :p

yeah, just edit the custom.css and load in the theme via the dashboard. easiest is to start with.

what i do when vanilla wont use my css settings is i put a little !important at the end of it. like:
body { background: white !important; }
this makes it definatly use it.

dae

weird...that didnt work...

however, for giggles..I added:

Body { background: 000000; }

to the very top of the page, (above #body) and it worked...

Now I have to figure out how to change the colors of the rest of the items I want ><

422

dont forget the #

css is initiated in order so, as Rick said add !important to an attribute

Dont forget vanilla uses duplicate id and class names, so you may have #Body .body etc

dae

Whats odd about that, is if I had the hash mark, the color I chose goes away..if I delete the hash mark, my color comes back....

422

Trust me ...

You may need to declare it as background-color:#343456;

RedTwentyFour

yeah, you'll prolly end up like my first try, i had 2800 lines of CSS nonsense just to get over all these problems, but then i found this nice little gem, and it helped me alot, since its a great base to start over and get everything pretty clean, without alot of !importanting (is that even a word?!)

422

Sometimes you also need to declare background-image etc

RedTwentyFour

sir, colors without hashtags dont work, anything will be black and white, so logicly that comes back :p

how about you use words for the colors tho, some work great
background: white;
background: black;
background: blue;
and if all else fails...just try
background: #ec008c; wich is @442 s favorite here...and is pretty distinctive for testing usage haha

422

so wanting to hit abuse button for that last comment lol.

I never use words for color ever period.

You can use so many elements to do it .. Game was a challenge... as was Air. They use multiple bg images, style.css fallback and png fixes.

View here

RedTwentyFour

wait wait, you want to hit the abuse button because i ravish your favorite color for testing issues? ;)
i said he could use the words, i didnt say its a good idea :p

...ohai purty MW3 forum you are beautiful!

422

Gonna start a thread

RedTwentyFour

a thread? like "my handbag is colored in #ec008c!" or about that theme? :p
ok maybe we should stop spamming this, im just in a great mood right now.

dae

yes, all of the rules say a rule without a hash wont work, but im telling you no matter what I plug in - it doesnt work WITH the hash tag... =/

dae

that all being said, Ive uploaded the clean theme and Im going to work with that, less lines means less headache for one such as myself!

RedTwentyFour

yessir, thanks for following my advice, i hope you will come up with something awesome to show us :)

dae

I will keep you guys posted...I havent used Vanilla very much, but I already love it - why, you may ask? The responsiveness of the community!

RedTwentyFour

yes, we are a happy little brotherhood! :D
well ... umm... except for this example: http://vanillaforums.org/discussion/comment/143373#Comment_143373 talking of a superfast response here :p

422

@dae post a link and we can help even more

dae

Pay no attention to the wild color scheme - I'm sitting over here tinkering with colors to see what goes where...

http://tordrive.com/vanilla/discussions

dae

What im attempting to do is set up a color scheme similar to http://www.diablofans.com/forum

422

Thats gonna require a heap of css coding alone. Will check them out later, and give you some pointers

dae

I'll keep slaving away at colors until I get my bearings..I might get the colors right but it may still look very windows 95 when Im done ^_^

RedTwentyFour

just make the basic layout first, and add the colors later, this way you'd have an awesome template for anyhing else later :)

dae

Thats a good idea...

though, im not sure what I would change, other than the colors - Im not very creative tonight...though, in my defense, Im still in college for web design for awhile :P

RedTwentyFour

id say get a bottle of wodka and get freaky with your layout...but you shouldnt listen to me :p

dae

Jeez, I look at things like http://vanillaskins.com/game-forum/ and I wonder if I'll ever be good enough to make something like that O_O

That blows my little mind lol

dae

....would vodka help me make something like that? if so, I need to take a trip