Forum breadcrumbs – You are here:Asgaros Support ForumSupportcss code
Please or Register to create posts and topics.

css code

Page 1 of 2Next

Where would I find the css code to fix this?

And, if I do change the css, will it be over written when there is a update?

Uploaded files:
  • asgaros-forum.png

Hi Kevin.

  1. /wp-content/plugins/asgaros-forum/skin/style.css
  2. You can add own themes for your forum in the /wp-content/themes-asgarosforum directory (for example: /wp-content/themes-asgarosforum/my-theme). All themes in the /wp-content/themes-asgarosforum can be activated in the forum options. Each theme must have at least those files: style.css, mobile.css and widgets.css.

Thank you.

Hello Kevin,

when you can post me a public link to your forum, I can have a look at your CSS. Maybe I can include a fix for this in the upcoming release.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

Hi,

mir ist das Theme-Konzept leider nicht ganz klar:

You can add own themes for your forum in the /wp-content/themes-asgarosforum directory (for example: /wp-content/themes-asgarosforum/my-theme). All themes in the /wp-content/themes-asgarosforum can be activated in the forum options. Each theme must have at least those files: style.css, mobile.css and widgets.css.

Wie müssen diese css-Dateien gestaltet sein (Header?), um als “child” oder “custom css” auf das vorhandene Design aufgesetzt zu werden? Konkret geht es mir darum, den Threadersteller aus der Threadübersicht zu entfernen. Das geht ganz wunderbar, indem ich in die style.css (Zeile 274) Folgendes einfüge:

#af-wrapper .topic-name small {
font-style: italic;
display: none;
}

Nur ist das natürlich nichts für die Ewigkeit. Ich habe es mit Simple Custom CSS versucht, das funktioniert nicht. Ein Asgaros-Theme mit diesem Dreizeiler in der style.css und ansonsten leeren mobile.css / widget.css geht auch nicht. Wie muss ich es anstellen, um die style.css mit dieser Änderung updatesicher zu überladen?

Danke & Gruß Rüdiger

Hallo Rüdiger,

kopiere einfach sämtliche CSS-Dateien nach /wp-content/themes-asgarosforum/mein-neues-theme und passe diese dann deinen Wünschen gemäß an. Danach kannst du dieses über die Forum-Einstellungen im Administrationsbereich (dort sollte ein Dropdown für die verfügbaren Themes erscheinen) auswählen.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

Hallo Thomas,

danke für den Hinweis! D.h. die Anmeldung des Asgaros-Themes biegt einfach die Zeiger zu den css-Dateien auf das Theme-Verzeichnis um.

Das Kopieren hat nur den Nachteil, dass man sich damit von zukünftigen Änderungen bzw. Erweiterungen der originalen style.css abkoppelt. Ich habe es daher jetzt so gemacht, dass ich in der style.css meines Asgaros-Themes die originale style.css importiere und nur die Änderungen reinschreibe:

@import url("https://MySite.de/wp-content/plugins/asgaros-forum/skin/style.css");
#af-wrapper .topic-name small {
    display: none;
}

Analog enthalten die mobile- und widgets.css-Dateien lediglich die entsprechende Import-Zeile. So funktioniert es. Die @import-Regel ist zwar ein bißchen in Verruf geraten, aber Performance-Aspekte sind bei mir erstmal nebensächlich. Spricht aus Deiner Sicht etwas gegen diese Lösung?

Gruß Rüdiger

Hallo,

ja, das kannst du gerne so machen. Das man sich mit eigenen “Themes” vom Original abkoppelt, ist leider immer der Fall. Daher sollte man sich überlegen, ob die Anpassungen wirklich so gravierend sind, so dass dies nötig ist.

Alternativ können die CSS-Änderungen auch einfach in die Theme-CSS-Datei gepackt werden – was sich vor allem dann anbietet, wenn es sich hierbei um ein eigenes Theme handelt, welches man nur selber aktualisiert.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

Danke und entschuldige, wenn ich nochmal nachfrage:

Die Alternativvariante, in die style.css meines Child-Themes dies einzufügen:

#af-wrapper .topic-name small {
    display: none;
}

funktioniert bei mir nicht, vielleicht weil beim Laden der Theme-css die Plugin-Variablen noch nicht bekannt sind? Also müsste man wahrscheinlich den Umweg über die functions.php und irgendwelche Hooks nehmen? So gesehen ist der obige Weg über ein eigenes Asgaros-Theme dann vielleicht doch die einfachste und eleganteste Variante.

Gruß Rüdiger

Dies hier sollte klappen:

#af-wrapper .topic-name small {
    display: none !important;
}

 

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!
Page 1 of 2Next