1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 extra.css not working

Discussion in 'Styling and Customization Questions' started by PASS, Mar 29, 2015.

  1. PASS

    PASS Active 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);
    }
     
    Stephen Fifty likes this.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    If you just want to change the background colour, just use:
    Code:
    .textWithCount.subHeading .count
    {
        background-color: black !important;
    }
     
    Stephen Fifty likes this.
  3. PASS

    PASS Active Member

    I try that, but it didn't work either. :(
     
    Stephen Fifty likes this.
  4. Russ

    Russ Well-Known Member

    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.
     
    Stephen Fifty likes this.
  5. PASS

    PASS Active Member

    I trying to change the background behind the number in the "Following" block on the profile page.
     

    Attached Files:

    Stephen Fifty likes this.
  6. Brogan

    Brogan XenForo Moderator Staff Member

    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?
     
    Stephen Fifty likes this.
  7. PASS

    PASS Active Member

    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)
     
    Stephen Fifty likes this.
  8. Brogan

    Brogan XenForo Moderator Staff Member

    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.
     
    Stephen Fifty likes this.
  9. PASS

    PASS Active Member

    I figured it out. I had css in the child Style 2's EXTRA.css by mistake. I reverted it and it is working. Thanks!
     
    Stephen Fifty likes this.

Share This Page