D-Sign24.de

From time to time this thread will be filled with tips and tricks around WBB 3.1.

The first post is dedicated to a question that I (and some other WBB experienced people) am asked a lot: Where are the CSS files of WBB 3.1 located?

This question is quickly answered: the are located in the WCF directory in the subdirectory style - here you'll find all the styles for WCF/WBB including your own personal styles. Mit some exceptions: Some declarations for WBB are in the style subdirectory of the WBB directory.


All CSS customizations are to be made in the fields additional CSS declarations 1 & 2 in ste style editor.

This entry is also suitable for WBB 3.0 and WBB Lite 2.0/2.1

If you're using a custom iconset the icon in the searchbox doesn't change automatically because it is build in via CSS to the search input. If you like to change it, you have to write some CSS to your style's additional CSS declarations. The entry Change the icon in the search box shows you how to do that.

First you have to differ between two kinds of styles:

• there are style packages available in the customer area at WoltLab.com (BlueSpace, Pure.Chrome, Volcano-X und Sunrise) and the WoltLab Pluginstore
• and there are styles directly exported from the style editor.

Depending on which kind of style you have you'll install them different ways.
Style packages are installed via the package API (ACP -> System -> Packages -> Install new package) - styles exported directly from the style editor are installed via the style system (ACP -> Design -> Styles -> Import new style).

Generally you can differentiate them by the file extension.
Styles from the style editor have the file extension .tgz whereas style packages have the extension .tar - that's the normal case so that differences are possible.


If you like to install a single style from a style package (style family) you can unpack the style package and install the single style you wish via the style system. But remember that there won't be an update hint in the ACP because single styes are no plugins.