WoltLab Cloud Codmaster

Professional, dark blue flat design with scroll header and many other adjustments. The color schemes themselves can be conveniently adjusted via the color palette of the style.

Description:

You won't find a better, free & very professionally crafted flat design style for your Woltlab software anywhere. An attractive dark blue with color accents and a lot of attention to detail should inspire your visitors and if you want to adapt the contrasting colors of the style to your project, this is easily possible in the color palette of the style. But the best: This style has a scroll header which moves the logo to the user panel when the website is scrolled down - simply unique !!!

There are extensive modifications such as the following:

Pop up windows & dropdowns optimized | Tables completely revised | badges & tags adjusted | Representations of code box, tables, quotes, spoilers adjusted | Redactor editor adapted | Redesigned Image Viewer Display | down button | Memberlist restructured as double table

Special features here are the reconstructed info boxes with symbols and the personal user profile picture in the message sidebar.

Optical adaptations to various plugins:

This style optimizes views of various apps / plugins such the Revo Reloaded Shoutbox from Sonnenspeer / Gino Zantarelli, the Woltlab Suite Blog, the Woltlab Suite Filebase, the Woltlab Suite Calendar, the Woltlab Suite Gallery.

Flexible width & smartphone suitable:

The width of this style is max 100% and automatically adapts to smaller monitors, tablets and smartphones - of course, the width setting is also up to you...

Full browser support:

This style / style series supports all modern browsers such as Firefox, Google Chrome, Opera, Microsoft Edge and Vivaldi in the current versions, conditionally Internet Explorer from version 11 & Safari are supported. Older versions of Internet Explorer are not supported!

Support WSC versions:

This style / style series supports only the WSC 5.5x.x, older Woltlab software (WBB 4, WSC 3) is not supported.

Installation

The style is installed as a package in the ACP of your Woltlab Suite 5 / Woltlab Suite 3 under CONFIGURATION> PACKAGES> INSTALL PACKAGE, where the style file archive is uploaded directly. The style package does not need to be unpacked before!

Logo editing:

If you are using Woltlab Suite 5, you can directly upload the logo in the Administrator Control Panel (ACP) under the path CUSTOMIZATION> STYLES> YOUR UTILITY> GLOBAL SETTINGS.

Color Adjustments:

To change the color gradient above the header image, look for the following line of code in the CSS definition of the style (approx. from line 352) and adjust the RGBA values:

background-image: linear-gradient(to right, rgba(128, 0, 0, 0.27) 0%, rgba(29, 16, 94, 0.63) 100%), url(#{$style_image_path}headerBG.jpg);

To change the contrast color, look for the "wcfHeaderMenu" variable in the style's color palette and adjust it under the "$wcfHeaderMenuLinkBackgroundActive" selection.