
The next steps are for both of previous ways:ģ. info file to the "styleswitcher" section. If you want to set some of your theme's stylesheets for switching then move them from "stylesheets" section of. NOTE: Do not specify in this section any of other existing CSS loaded by Drupal core, modules or your theme. If it is not set then no of alternatives will be visible until user explicitly chooses one. A line with Default is optional - it is for new site visitors. Where "All Black" is the label of the style, and css/black.css is the location of the stylesheet file, relative to theme's root. info file add a section like the following, replacing labels and paths with yours: Switching stylesheets Note that each stylesheet when switched is being added to the existing set of other site's stylesheets.Ģ. In your theme's directory or subdirectory create stylesheet(s) for each different style. For site builders it is appropriate only if you use a custom theme that you are able to edit:ġ. Add all your styles providing their labels and paths. There you'll find a module's configuration form and a link to add stylesheets for switching. Go to Administration » Configuration » User interface » Styleswitcher. Just remember that these locations along with the CSS files must be publicly accessible.Ģ. Create stylesheet(s) in site's public directory, for example: in sites/default/files, or anywhere in the internet.

There are 2 ways to configure the list of styles for switching. Older branches (7.x-1.x) and tagged releases are not supported and site builders are encouraged to update their installations. NOTE: This section describes the configuration steps for 2nd branch of the module only, e.g. If you're updating from a previous version don't forget to run update.php. See Installing contributed modules for further information. Install as you would normally install a contributed Drupal module. Works in all major browsers (including Internet Explorer). But usability is the same: click on a style label » get the new look of the site.

This module uses a slightly different and more powerful mechanism. Some examples of them and relevant JavaScript files can be found here: There are many commonly known JavaScript techniques to switch CSS stylesheets "live", without reloading the page.

So any site user is able to choose the style of the site he/she prefers. And this module presents all those styles as a block with a list of links. Site builder can add alternate stylesheets found in the internet right in the admin section. Themer can provide a theme with alternate stylesheets. The Style Switcher module takes the fuss out of creating themes or building sites with alternate stylesheets.
