Basic Green - available style variables

Do you like to customize the look of your Basic Green Style? This article tells which new style variables are available.

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":


CSS: Eigene Deklarationen
  1. $baseBadgeUpdateBackground: blue;

If you have further questions please ask in the support forum.

    Related Articles