Lussumo Community (orange)

forrestRain

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

Krak

The "Community" part is wrapped in <strong> tags.... Lussumo <strong>Community</strong> Then just customize the strong tag in CSS.

forrestRain

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. http://www.bumiprojectpro.biz/va/ Shall i go back to theme/vanilla/styles/default/vanilla.css ? Thanks Krak

forrestRain

Hi All, got it!! it's done. and thanks :)

forrestRain

Dear All, I have keyed-in, in the Application Settings/Banner title "LOOK n <strong>Share</strong>" And the "Share" wording changed to orange. http://www.bumiprojectpro.biz/va/ Re Screenshots: http://forrest2828.backpackit.com/pub/733752 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

forrestRain

Thanks

Minisweeper

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.

Dinoboff

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)

forrestRain

Thank you very much Minisweeper & Diniboff