Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Changing the Text Color

edited June 2012 in Vanilla 2.0 - 2.8

Hey there,
I am using the "Joie" theme and the Shout box is showing and working fine, but when I changed the theme all the colors changed to suit the new theme which is great but the text is really dark and hard to read on the dark background, how would be the best way to change that color ?

(my website is www.ozutes.com.au)

Best Answer

  • 422422 Developer MVP
    Answer ✓

    I think that mod only displays for members.

    If you want us to figure it out, supply a test account : user / pass

    There was an error rendering this rich post.

Answers

  • 422422 Developer MVP
    Answer ✓

    I think that mod only displays for members.

    If you want us to figure it out, supply a test account : user / pass

    There was an error rendering this rich post.

  • Yeah it does - I have just messaged you a user/pass

  • 422422 Developer MVP

    K gimme minute or two

    There was an error rendering this rich post.

  • 422422 Developer MVP
    edited June 2012

    Okies, you really need to understand css.

    But the vanshout thing, albeit maybe a nice plugin, needs serious work with regard to its attributes.

    Anyhoo.

    In custom.css

    #shoutboxText ul li strong  {
        color: #9E0226;
        font-weight: 400;
    }
    

    change 9E0226to whatever colour takes your fancy

    There was an error rendering this rich post.

  • 422422 Developer MVP
    edited June 2012

    optioanlly add:

    #shoutboxText a {
        font-weight: 700;
        margin-right:4px;
    }
    

    And CLICK like button not, answer accepted ;)

    There was an error rendering this rich post.

  • 422422 Developer MVP
    edited June 2012

    Also in vanshut input element. The code is ...

    < input id="shoutboxMessage" type="text" maxlength="256" size="18px" value="" name="shoutboxMessage" onkeypress="checkLength();" style="background-color: black;">
    

    so in css add :

    #shoutboxMessage {color:#fff;}
    

    There was an error rendering this rich post.

  • I can't seem to find the #shoutboxMessage etc in the custom.css file

    Is there a certain place I need to add -> #shoutboxMessage {color:#fff;}

  • 422422 Developer MVP

    Add it.

    There was an error rendering this rich post.

  • Cool thanks for that.

  • did someone delete my post? I said I was using the big city theme and there's no custom.css file so I don't know where to put the code above. I tried putting it in the bigcity.css or whatever but it didn't work.

Sign In or Register to comment.