Just installed Modx for the first time today and am tinkering.. I want to change the default style, and eliminate the style chooser menu.
How do I change the default style to one I want (that is on that menu) so that all visitors see the same style?
-
☆ A M B ☆
- 24,524 Posts
Just go to the Manager, Configuration, and select the default template. The drop-down will give you a selection from all of the installed templates.
Creating your own template is as simple as making up a regular HTML page as you please, then copy/pasting the HTML code into a New Template form, making sure your css and js are linked correctly in the head (just like a regular flat HTML page; these are usually kept in the assets/templates/TemplateName folder), and then replacing menus with Wayfinder, the main content with the [*content*] tag to pull in the content for each page, and any other snippets, chunks or TVs you want.
Ok, lost.. I guess I just figured that since you can assign templates, you could do the same with styles..
Have no idea what the rest of what you said meant.. Will plug away..
-
☆ A M B ☆
- 24,524 Posts
Sorry about that, I didn’t understand what you wanted. Go to the Manager and edit the template. Look at the list of css files linked to
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/modx.css" />
<link rel="stylesheet" type="text/css" href="[(base_url)]assets/templates/default/print.css" media="print" />
<link title="ZiX" rel="alternate stylesheet" type="text/css" href="[(base_url)]assets/templates/default/zi-modx-1.css" />
<link title="ZiX Background" rel="alternate stylesheet" type="text/css" href="[(base_url)]assets/templates/default/zi-modx-2.css" />
<link title="Trend (Alternate)" rel="alternate stylesheet" type="text/css" href="[(base_url)]assets/templates/default/default.css" />
<link title="Light" rel="alternate stylesheet" type="text/css" href="[(base_url)]assets/templates/default/light_green.css" />
<link title="Light Green" rel="alternate stylesheet" type="text/css" href="[(base_url)]assets/templates/default/light.css" />
<link title="Dark" rel="alternate stylesheet" type="text/css" href="[(base_url)]assets/templates/default/dark.css" />
and you’ll see that most of them are set to rel="alternate stylesheet" (the list you see may not be exactly like this, but it will be similar). Just edit that so that the one you want is set to rel="stylesheet", and get rid of the one you don’t want (or set it to alternate stylesheet).
