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

[1.1.3] Change "Thread Prefix" Display On Alert Drop Down

Discussion in 'Styling and Customization Questions' started by Divvens, Jun 20, 2013.

  1. Divvens

    Divvens Well-Known Member

    I've added custom CSS to the thread prefixes we use, but the thread prefixes (which have a bit of extra text) seem very odd in the "alerts" dropdown, is there any way I could style them to look different in the alerts drop down?

    Screenshot below

    I want the thread prefixes to be displayed in a smaller size in the alerts drop down.
  2. Shelley

    Shelley Well-Known Member

    You could possibly lower the font-size for that area but without knowing the css your using or a link to your forum it'll be difficult to help since it's a custom class your using? Try something like...

    .listItemText .yourprefixclass {font-size: lowervalue;} 
    I'm really guessing at this point. Sorry.
    Divvens likes this.
  3. Divvens

    Divvens Well-Known Member

    I have a link in the signature, sorry forgot to include it in the post (http://orojackson.com)

    The custom css for the prefix is:
    .errorPrefix { background-color: #c14b4b; border: 1px solid #cb5656 !important; -webkit-border-radius: 3px 3px 3px 3px !important; -moz-border-radius: 3px 3px 3px 3px !important; -khtml-border-radius: 3px 3px 3px 3px !important; border-radius: 3px 3px 3px 3px !important; color: white !important; display: inline-block; font-size: 12px; font-weight: bold; line-height: 18px; padding: 0 4px 0 4px; text-shadow: 0 0 0 transparent, 0 1px 1px #df7b7b; vertical-align: middle; }
    You can see it in action here - http://orojackson.com/forums/events/ "Second Anniversary Celebrations" has that above mentioned css rule.

    And it worked, using the rule
    .listItemText .errorPrefix {font-size: 8px;}
    helped :)

Share This Page