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

XF 1.2 Click to expand text colour

Discussion in 'Styling and Customization Questions' started by OldCoals, Sep 16, 2013.

  1. OldCoals

    OldCoals Active Member

    Quite styling question, how do I change the text colour of the "Click to expand" text and the foot of a quoted section?

    Thanks!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Code:
    bbCodeQuote .quoteContainer .quoteExpand {
    color: @CTAExtraColour17 !important;
    }
    Change the colour to suit.
     
    Kevin and OldCoals like this.
  3. OldCoals

    OldCoals Active Member

    I take it I put that in the extra.css?
     
  4. Jeremy

    Jeremy XenForo Moderator Staff Member

    Yes.
     
    OldCoals likes this.
  5. OldCoals

    OldCoals Active Member

    Awesome, thanks guys!!
     
  6. OldCoals

    OldCoals Active Member

    That didn't seem to work I am afraid, this is the code I entered.

    Code:
    bbCodeQuote .quoteContainer .quoteExpand {
    color: #000000; !important;
    }
    What did I do wrong?
     
  7. Tracy Perry

    Tracy Perry Well-Known Member

    Are you referring to the actual text that tells you to "Click to expand....".
    If so, then use
    Code:
    .bbCodeQuote .quoteContainer .quoteExpand.quoteCut {
    color: #000000;
    }
     
    Last edited: Sep 17, 2013
  8. OldCoals

    OldCoals Active Member

    That is exactly what I was after, thank you everyone.
     
  9. Jeremy

    Jeremy XenForo Moderator Staff Member

    Your CSS was also invalid. The !important statement has to occur before the semi-colon.
     
  10. Tracy Perry

    Tracy Perry Well-Known Member

    Picky Picky... :ROFLMAO:
    I didn't even pay attention to that since I figured what he was wanting was the text done and concentrated on giving that for his color choice shown. @Slin, you do need to use the ";" as the LAST (and only) one in each line of your CSS definitions that you do.
    If you need to use !important, then that will be the last instruction given prior to the ";".
     

Share This Page