Sachin's Mirror

Wilco89

@KirAsh4 thnx, i’m on my phone so really hard to type Long text.

amanzimdwini

@KirAsh4 @Wilco89
I really appreciate the help (and it works!)

While I’m at it: just so that I understand: since compliments.js references thin xlarge bright I could have changed any of those three? They were referenced, so I can overwrite them? Ie in my custom.css:

.module.compliments.bright {
  color: #ff0000;
}

or

.module.compliments.xlarge{
  color: #ff0000;
}

would/should both in effect do the same thing?

Or can I just change EVERYTHING in compliments to be color: #ff0000? ie

.module.compliments{
  color: #ff0000;
}

(which I tried, and it did not work :( )

KirAsh4

You’re missing the required space. You’re dealing with two separate tags, with multiple CSS rules applied. So when creating a new rule, you have to do the same:

.module.compliments .xlarge  <--- notice the space

Without the space, it’s looking for a single tag that has all three rules applied, so it’s looking for class="module compliments xlarge". When you add the space, it’s now looking for two separate tags, a parent tag that has a class with both "module compliments" as rules, and then a child tag that has a class with "xlarge" for a rule.

Does that make sense?

Wilco89

@amanzimdwini

.module.compliments .bright {
color: #ff0000;
}

Should work. (Don’t forget the space)

amanzimdwini

@KirAsh4

THANKS! (major lightbulb).
Happy 4th to you and @Wilco89