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

Coloring this has me scratching my head

Discussion in 'Styling and Customization Questions' started by Tracy Perry, May 23, 2013.

  1. Tracy Perry

    Tracy Perry Well-Known Member

    OK.... I've played in Chrome Developer and can't find where to modify the color highlighted by the arrow in the attachment. I may have overlooked it, but's it's driving me bonkers.

    example.png
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    That is Style Properties -> Buttons

    That will affect all buttons using that SP though.
     
  3. Lisa

    Lisa Well-Known Member

    It's the same button that styles the buttons within the search box and a few other areas (not New Thread though)

    .button and .button:hover and .button:active

    Or you can do it via SP, but it's not as much fun to style :D
     
  4. Tracy Perry

    Tracy Perry Well-Known Member

    Doesn't work (and the SP configuration doesn't either).... but I found that it has to do with the Ajax Conversation in Postbit add-on. I styled it in CSS but apparently it stomps on these also. When I get a chance I've got to post the info in the add-on's support topic.
     
  5. Lisa

    Lisa Well-Known Member

    Did you put !important. It does work, since I've just styled mine :D

    trophies.png

    Code:
    .button {
    background-color: red;
    border: 1px solid green;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    }
     
     
    .button:hover {
    background-color: green;
    color: #ffffff !important;
    }
     
    .button:active {
    background-color: red;
    border: 1px solid green;
    border-radius: 5px;
    color: #fff !important;
    }
    
    change colours, add extra css as you see fit.
     
    Shelley and Tracy Perry like this.
  6. Tracy Perry

    Tracy Perry Well-Known Member


    Weird... when I do them individually they work... just NOT if you do the

    Crap... I been up to long tonight... I had done this

    Code:
    .button .button:hover .button:active {
    color: white !important;
    background: black !important;
    }
    to test it... see what I missed? Simple little thing like a ,.

    Thanks!
     
  7. Lisa

    Lisa Well-Known Member

    hehehe.. my bad, I should have been more clear in my initial post. :)
     

Share This Page