| Theme | |
|---|---|
| 1.3 Theme |
The theme to use for the current style of the template. As a rule, DO NOT use the theme_original theme provided by the template if you decide to modify its CSS files. Create your own copy of that theme and use it instead (on update, the template will replace theme_original by its updated version). Joomla 4 This is no longer an option, create a user.css file to override the default theme and/or make use of child templates |
| Fonts | |
| Font size (px) | The font size of reference for the template framework |
| Site font | The font used for the website Joomla 4 The extension supports the GDPR-compliant web fonts from fonts.bunny.net. To select the service (Google is the default), go to the SimplifyYourWeb extensions System plugin and select the web font service you wish to use. |
| 2.0 Site font weights |
The font weights to load (please check that the weights selected are available for your font). No weight means that the normal/standard/default font will be loaded |
| Headers font | The font used for the headers and any element specified in the Header selectors field |
| 2.0 Headers font weights |
The font weights to load. No weight means that the normal/standard/default font will be loaded |
| Header selectors | The list of headers (coma separated h1, h2 ...) the headers font will be applied to. Other html tags can be added to the list of selectors |
| Colors | |
| 2.0 Primary color |
The color where the primary class is used, like for buttons |
| 2.0 Primary color hover |
The color when the mouse is over an element that has the primary class associated to it |
| 2.0 Secondary color |
The color where the secondary class is used, like for buttons |
| 2.0 Secondary color hover |
The color when the mouse is over an element that has the secondary class associated to it |
| 2.0 Link color |
The color of links by default |
| 2.0 Link color hover |
The color of links by default when the mouse hovers links |
| 2.0 Framework background color |
The background color of the page |
| 2.0 Framework text color |
The default text color |
| 2.0 Sidebar background color |
The background color of the side panels |
| 2.0 Sidebar text color |
The text color of the side panels |
| 2.1 Sidebar link color |
The link color of the side panels |
| 2.1 Sidebar link color hover |
The link color of the side panels on mouse hover |
| 2.0 Header background color |
The background color of the header area |
| 2.0 Header text color |
The text color of the header area |
| 2.1 Header link color |
The link color of the header area |
| 2.1 Header link color hover |
The link color of the header area on mouse hover |
| 2.0 Footer background color |
The background color of the footer area |
| 2.0 Footer text color |
The text color of the footer area |
| 2.1 Footer link color |
The link color of the footer area |
| 2.1 Footer link color hover |
The link color of the footer area on mouse hover |
| Specific CSS | |
| Additional CSS | The additional CSS that applies to the template style. It allows you to use the same theme to different template styles and still add specificity to the CSS |

