Passen Sie Ihre gesamte Forenseite an, indem Sie den Selektor .wt-body verwenden.

<style>
.wt-body {
    background-color: skyblue;
}
</style>

Verwende eine andere Schriftart für dein Forum, indem du den Code der Google-Schriftart in das Textfeld HTML-Code für das Forum-Head-Tag einfügst.

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

Geben Sie dann Ihre Schriftart mit dem Selektor * an.

<style>
* {
    font-family: 'Lato', sans-serif;
}
</style>

Gestalten Sie den Header Ihres Forums, indem Sie den Selector-Header verwenden.

<style>
header {
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
}
</style>

Gestalten Sie die Links Ihres Forums mit dem Selektor .wt-body a.

<style>
.wt-body a {
    font-weight: bold;
}
.wt-body a:hover {
    text-decoration: underline;
}
.wt-body a {
    color: #222 !important;
}
.wt-body a:visited {
    color: #555 !important;
}
</style>

Passen Sie an, wie Avatare in Ihrem Forum erscheinen, indem Sie den Selektor .image-wrapper verwenden.

<style>
.image-wrapper {
    border-radius: 100%;
}
</style>

Passen Sie an, wie modals/dialogs in Ihrem Forum angezeigt werden, indem Sie den Selektor .modal-content verwenden.

<style>
.modal .modal-content {
    border-radius: 20px;
    overflow: hidden;
}
</style>

Passen Sie an, wie der Titel Ihrer Modals-/Popup-Dialoge in Ihrem Forum angezeigt wird, indem Sie den Selektor .modal-header verwenden.

<style>
.modal-header {
    background: black;
    color: white
}
</style>

Passen Sie an, wie der linke Folienbereich und das Hauptmenü in Ihrem Forum angezeigt werden, indem Sie den Selektor #slide -panel verwenden.

<style>
#slide-panel {
    background-color:#00ff00
}
</style>

Passen Sie an, wie der Kalender in Ihrem Forum angezeigt wird, indem Sie den Selektor .calendar verwenden.

<style>
.calendar {
    width: 100% !important;
}
</style>

Passen Sie an, wie das Header-Bild in Ihrem Forum angezeigt wird, indem Sie den Selektor .header-image verwenden.

<style>
.header-image {
    height: 185px;
    margin: 10px auto 20px;
}
</style>

Passen Sie an, wie die Seite mit der Kategorienliste in Ihrem Forum angezeigt wird, indem Sie den Selektor .wt-categorie verwenden.

<style>
.wt-categories {
    width: 700px !important;
    margin-top: 50px;
}
</style>

Passen Sie an, wie die Seite mit der Themenliste in Ihrem Forum angezeigt wird, indem Sie den Selektor .all-topics-list verwenden.

<style>
.all-topics-list {
    width: 800px !important;
}
</style>

Passen Sie an, wie die Seiten mit der Beitragsliste in Ihrem Forum angezeigt werden, indem Sie den Selektor #posts -list verwenden.

<style>
#posts-list {
    margin: 0 auto;
    width: 72%;
}
</style>

Passen Sie an, wie Beiträge in Ihrem Forum angezeigt werden, indem Sie den Selektor .post-body verwenden.

<style>
.post-body {
    background-color: #00ff00;
}
</style>

Passen Sie an, wie Panels in Ihrem Forum angezeigt werden, indem Sie den Selektor .content-panel verwenden.

<style>
.content-panel {
    width: 70% !important;
}
</style>

Passen Sie an, wie die Warnmeldungen in Ihrem Forum angezeigt werden, indem Sie den Selektor .alert verwenden.

<style>
.alert {
    background: #f38282;
}
</style>

Passen Sie an, wie Alben in Ihrem Forum angezeigt werden, indem Sie den Selektor .album-wrapper verwenden.

<style>
.album-wrapper {
    padding: 2px;
    border: 2px #eee solid;
}
</style>

Passen Sie an, wie Formular-Textfelder in Ihrem Forum angezeigt werden, indem Sie den Selektor .form-control verwenden.

<style>
.form-control {
    background: #c6dede !important;
    color: #019c9c;
}
</style>

Passen Sie an, wie die Schaltflächen in Ihrem Forum angezeigt werden, indem Sie die Selektoren .btn, .btn-primary und .btn-subtle verwenden.

<style>
.btn {
    border-color: #d07c73 !important;
    background-color: #397373 !important;
    color: #242727 !important;
}
.btn-primary {
    border-color: #39d84f !important;
    background-color: #386f6f !important;
    color: #0d2b2b !important;
}
.btn-subtle {
    border-color: #969291 !important;
    background-color: #1bf9f9 !important;
    color: #4b5252 !important;
}
</style>

Passen Sie an, wie Dropdownmenüs in Ihrem Forum angezeigt werden, indem Sie den Selektor .dropdown-menu verwenden.

<style>
.dropdown-menu {
    background-color: #b4dada
}
.dropdown-menu a:hover {
    background-color: #97caca !important;
}
</style>

Passen Sie an, wie Ihr Logo in Ihrem Forum angezeigt wird, indem Sie den Selektor #forum_logo verwenden.

<style>
#forum_logo {
    width: 50%;
    margin-left: 20%;
}
</style>