I've downloaded a couple of themes with different sets of colors since I want to have the option of having different colored buttons (e.g. red, green, and gray) on the same page. I'm not clear how to apply multiple themes to the same page - I've been using a statement like this to link to the stylesheet for a particular theme:
link href="../Styles/gray_theme/jquery-ui-1.9.2.custom.css" rel="stylesheet"/> .
If I want some buttons to use the gray_theme, some to use the red_theme, and some to use the green_theme, how would I approach that?
I must still be missing something. I've created the themes for green and red, added scoping to ".greenItem" and ".redItem" for each, but I'm still not getting buttons styled according to the green and red themes.
I think I figured it out - I needed to add a "." before each instance of "greenItem" and "redItem" in the custom.css files, and use <button class="button"> rather than <button id="button"> for each button. That way the correct .css file information gets picked up by the browser.
Leave a comment on evaddh's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic