Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Lussumo Community (orange)

edited September 2006 in Vanilla 1.0 Help
Hi All, I have been searching as how to achieve a t"wo-words forum title with two different color for each word". Just like the Lussumo Community forum title we can see above, black + orange. Any help would be appreciated :) Regards, forrestRain


  • The "Community" part is wrapped in <strong> tags.... Lussumo <strong>Community</strong> Then just customize the strong tag in CSS.
  • Dear Krak, "just customize the strong tag in CSS." Is the CSS as in: theme/vanilla/styles/default/vanilla.css ? If yes, could you point me to which part i need to alter? Looking at the the Source of this page using Safari's "View Source" i can see both <title>Lussumo Community - Lussumo Community (orange)</title> And lower down, <h1> Lussumo <strong>Community</strong> </h1> This is my site, trying also to change the "n" to orange color. Shall i go back to theme/vanilla/styles/default/vanilla.css ? Thanks Krak
  • Hi All, got it!! it's done. and thanks :)
  • Dear All, I have keyed-in, in the Application Settings/Banner title "LOOK n <strong>Share</strong>" And the "Share" wording changed to orange. Re Screenshots: Could someone tell me: 1. I am using the correct approach? 2. If yes, what should i do if i need to change to another color? Thank you. forrest
  • edited September 2006
  • Yeah thats exactly the way to do it. If you wanted to change colours you could just edit the css for the strong tag, or (and i'm not sure this is standards compliant so dont shoot me if it's not) use a font tag and define the colour in it.
  • edited September 2006
    You can use the strong tag or the span tag (but no font tag, Vanilla use xhtml1 strict); in this case, for semantic, you should use strong.
    To be really semanticly correct, it should be:
    < style type="text/css"> #Header h1 strong.UpperCase { text-transform: uppercase;} #Header h1 strong.Orange { text-transform: capitalize; color: orange; } </style > ... <h1><strong class="UpperCase">Look</strong> n <strong class="Orange">share</strong></h1>
    (the name of the classes should also be more meaningfull)
  • Thank you very much Minisweeper & Diniboff
This discussion has been closed.