Using the Theme Designer
Having logged in, gone to the front-end of your site, and opened the Theme Designer - you'll now be able to start styling your ShoutCMS site! The following information will help you get familiar with the different areas in the Theme Designer.
1. Theme Selection
This is the first area of the Theme Designer you'll see when you open it, and is where you can select other Themes, add CSS to your Theme, and begin modifying your selected Theme.
- View and select other Themes
- Add CSS to your Theme
- Begin modifying your selected Theme
To view and select other Themes, simply use the 'Select another Theme' button to browse through other available or previously created Themes. You get to see how the Theme will look before you publish your changes, so feel free to take your time while you select a new Theme.
The Additional CSS area is great if you want to organize your CSS by Theme (if you're actively switching between Themes on your ShoutCMS site).
2. Modifying your Theme
Using the 'Customize' button, you can begin modifying your selected Theme. You can safely make changes without your site visitors seeing them, clicking 'Save' when you're ready to publish your modifications.
You'll notice that the different areas of your site is grouped into an accordion, which is how you can navigate through the different categories to find what you're looking to style.
- Make changes and hit 'Save' when you're finished
- Navigate by category while you make changes
- See changes in real-time while you use the Theme Designer
Making changes is as simple as selecting a new colour, changing a spacing value, or even selected a different font.
If the Theme Designer seems simple, it's because it is! We developed it as a tool to help our users who aren't as familiar with CSS as more-experienced designers and developers.
We recommend experimenting with the Theme Designer, using it as much as possible to style your website. If you run into issues, or think it's missing a feature - let us know using the form at the bottom of this page!