XF 1.4 extra.css not working

PASS

Well-known member
I pasted this in extra.ccc to change the background color to black but it is not working. Any ideas?

Code:
.textWithCount.subHeading .count {
  margin: -3px 0;
  padding: 2px 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgb(51, 51, 51);
  background-color: rgb(0, 0, 0);
  color: rgb(230, 230, 230);
}
 
There could be a variety of things wrong. You could add an extra selector in front:

Code:
body .textWithCount.subHeading .count

It could be bad CSS above it, or a closing bracket somewhere effecting it. Hard to tell without seeing the entire file.
 
The code I posted works.

As Russ suggested, it could be an error in your template.

Does it work if you add it to the very beginning of EXTRA.css?

It doesn't work when I add it to the top.
I tested it with the default style and it does work. This is strange because I'm not using any 3rd party styles but just created a second no parent style from the default templates. Then a child of that.

Default Style
Style 2 - Master (edits go here)

- Style 2 (my default style)
 
It's an issue with your custom style or you're not adding the code to the correct EXTRA.css template and the child style template has also been edited, so changes aren't cascading down.
 
Back
Top Bottom