|
1 | | -# TTW Customizations in Plone 6 Classic UI |
| 1 | +(classic-ui-through-the-web-label)= |
2 | 2 |
|
3 | | -Small CSS changes via control panel in Plone 6 Classic UI's custom.css. |
| 3 | +# Through-the-web (TTW) Theme Customization in Plone 6 Classic UI |
4 | 4 |
|
5 | | -* Logo change control panel |
6 | | -* Favicon change via control panel |
7 | | -* Custom CSS (controlpanel) |
| 5 | +TTW customization is useful when you need to make small CSS changes. |
| 6 | +Theme changes can be made via control panels or by updating Plone 6 Classic UI's `custom.css`. |
| 7 | +Other theming methods should be used for larger customizations or entire website designs. |
8 | 8 |
|
9 | | -# Custom CSS |
10 | 9 |
|
11 | | -Available via controlpanel |
| 10 | +(classic-ui-through-the-web-control-panels-label)= |
12 | 11 |
|
13 | | -* Custom styles without compilation |
14 | | -* Shipped as last resource after all other CSS files |
15 | | -* Ovierride default CSS |
| 12 | +## Control Panels |
| 13 | + |
| 14 | +You can make the following changes through control panels. |
| 15 | + |
| 16 | +* Logo |
| 17 | +* Favicon |
| 18 | +* Custom CSS in `custom.css` |
| 19 | + |
| 20 | +With `custom.css`, you can make custom styles without compilation. |
| 21 | +It is shipped as the last resource after all other CSS files. |
| 22 | +It can be used to override default CSS, sometimes with the use of the CSS property `!important` or specific CSS selectors. |
| 23 | + |
| 24 | + |
| 25 | +```{todo} |
| 26 | +Provide usage. |
| 27 | +Provide navigation through {menuselection}`Site Setup --> Theming` or {guilabel}`Button Name`. |
| 28 | +Add screenshots. |
| 29 | +``` |
| 30 | + |
| 31 | + |
| 32 | +(classic-ui-through-the-web-css-variables-label)= |
16 | 33 |
|
17 | 34 | ## CSS Variables |
18 | 35 |
|
19 | | -* CSS variables are available |
20 | | -* Bootstrap's CSS variables are used |
21 | | -* Use it to tweak colors, fonts, etc. |
| 36 | +Plone uses Twitter Bootstrap's CSS variables. |
| 37 | +They are used to tweak colors, fonts, spacing, and other CSS attributes. |
| 38 | + |
| 39 | +```{todo} |
| 40 | +Provide usage. |
| 41 | +``` |
| 42 | + |
| 43 | + |
| 44 | + |
| 45 | +(classic-ui-through-the-web-theming-control-panel-label)= |
| 46 | + |
| 47 | +## Theming Control Panel |
| 48 | + |
| 49 | +The Theming control panel is limited to downloading and uploading themes. |
| 50 | + |
| 51 | + |
| 52 | +(classic-ui-through-the-web-templates-label)= |
| 53 | + |
| 54 | +### Templates |
| 55 | + |
| 56 | + |
| 57 | +(classic-ui-through-the-web-restricted-python-label)= |
| 58 | + |
| 59 | +### Restricted Python |
| 60 | + |
| 61 | + |
| 62 | +(classic-ui-through-the-web-content-types-label)= |
| 63 | + |
| 64 | +### Content Types |
| 65 | + |
0 commit comments