css code
Quote from Kevin on May 6, 2017, 7:56 amWhere 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?
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:Quote from Yworld on May 6, 2017, 10:08 amHi Kevin.
- /wp-content/plugins/asgaros-forum/skin/style.css
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.
Hi Kevin.
- /wp-content/plugins/asgaros-forum/skin/style.css
-
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.
Quote from Asgaros on May 10, 2017, 9:22 pmHello 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.
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.
Quote from ruewa on June 2, 2017, 4:46 pmHi,
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
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
Quote from Asgaros on June 2, 2017, 10:45 pmHallo 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.
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.
Quote from ruewa on June 3, 2017, 1:01 pmHallo 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 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
Quote from Asgaros on June 3, 2017, 2:29 pmHallo,
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.
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.
Quote from ruewa on June 3, 2017, 3:22 pmDanke 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
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
Quote from Asgaros on June 3, 2017, 5:41 pmDies hier sollte klappen:
#af-wrapper .topic-name small { display: none !important; }
Dies hier sollte klappen:
#af-wrapper .topic-name small { display: none !important; }