Change one class, without changing another?

amphios

Hey guys. I've the .Meta class which I've got perfect and just the way I want it. I saw that it did the same styling to the front page which is just.. ew. I want something different for it. How can I do this.

UnderDog

I'm no CSS expert, but I would look for the class that the (I want to change this) Meta div is in.

Is it in "Discussion List" or is it in "Discussion". You can find that easily by using FireBug of course.

Now you do:
.DiscussionList .Meta {changethis : #FF0000}Someone will stop by to correct me, no worries. Problem is that .Meta is a CSS class and not a CSS id.

whu606

@amphios

You can make rules specific to different pages in Vanilla.

By prefixing, for example

.Discussion

to a CSS rule, it will only affect the rule on discussion pages.

To change only the front page, prefix

.Discussions etc.

UnderDog

I'm no CSS expert, but I would look for the class that the (I want to change this) Meta div is in.

Is it in "Discussion List" or is it in "Discussion". You can find that easily by using FireBug of course.

Now you do:
.DiscussionList .Meta {changethis : #FF0000}Someone will stop by to correct me, no worries. Problem is that .Meta is a CSS class and not a CSS id.

whu606

@amphios

You can make rules specific to different pages in Vanilla.

By prefixing, for example

.Discussion

to a CSS rule, it will only affect the rule on discussion pages.

To change only the front page, prefix

.Discussions etc.

amphios

Ah that's perfect thanks both of you! Short and simple answer. I was using the wrong 'CSS ID' as @underdog put it. Thanks again. Progress can continue on my style.