WoltLab Suite 3.0 offers for the first time the possibility to directly update styles - premise: the style protection needs to be enabled. If not the update is impossible.
To make customization painless I created some additional style variables where ever it was possible and made sense. To customize the style you can fill these variables with your own values when clicking on Advanced settings -> Own declarations in the style. Following variables are available:
| Name of style variable |
Description |
default value
|
| $baseContentBackground |
sets the background color of the area .content
|
#fff |
| $baseBadgeUpdateBackground |
sets the background color of the badges for updates (e.g. number of new forum posts) |
#b0734a |
| $baseBadgeUpdateColor |
sets the font color of the badges for updates |
#fff |
| $baseArticleFontSize |
sets the font size of articles in WoltLab CMS and WoltLab Blog |
1rem |
| $baseArticleLineHeight |
sets the line height of articles in WoltLab CMS and WoltLab Blog |
1.68 |
You can also use the style variables made available by WoltLab and of course you can write classic CSS.
Example:
If you wish to change the background color of the badges which counts the new posts to blue, you'll add the following line to "Own Declarations":
$baseBadgeUpdateBackground: blue;
If you have further questions please ask in the support forum.
1
