WBCE CMS Forum

screamindan

Mitglied

Capacity Dark Theme - Hintergrundfarbe und Padding ändern

Moin. Ich möchte die Hintergrundfarbe des Dark Themes ändern. Für die Desktopansicht klappt das auch, nur für das aufklappende Mobile Menü finde ich die stelle nicht. Kann mir da nochmal Jemand™ helfen? 

EDIT:
Doch noch gefunden...

.stellarnav. mobile. dark ul

Kann gelöscht werden...

Beitrag geändert von florian (27.09.2021 09:59:20)

florian

Administrator

Re: Capacity Dark Theme - Hintergrundfarbe und Padding ändern

Der beste Helfer in solchen Fällen ist immer der Browser. Egal, ob es um die Navigationsfarbe, Überschriftenformatierung oder Abstände geht.

Im konkreten Fall ist das Vorgehen wie folgt:
1) Seite in Smartphone-Simulation anzeigen (F12 in Chrome & Konsorten, dann ggfs. Klick auf Icon unten links; Strg-Shift-M in Firefox und Verwandten).
2) Rechtsklick auf ein Navigationselement bzw. den leeren Bereich der Navigation und "Untersuchen" (Chrome) bzw. "Element untersuchen" (FF) wählen.
3) Ggfs. so lange mit der Maus zielen, bis die gesamte Navigation hervorgehoben angezeigt wird.
4) In der Browserkonsole wird dann das betreffende Stylesheet, die Zeilennummer und Formatierung angezeigt:

Beitrag geändert von florian (27.09.2021 08:49:35)

---

Code allein macht nicht glücklich. Jetzt spenden!

screamindan

Mitglied

Re: Capacity Dark Theme - Hintergrundfarbe und Padding ändern

Ja das ist schon richtig. Manche Sachen sind trotzdem schwer zu finden. Z.B. hätte ich gern am Handy die Bilder gern über die komplette Breite, finde aber ums Verrecken nicht, wo die Ränder herkommen...

florian

Administrator

Re: Capacity Dark Theme - Hintergrundfarbe und Padding ändern

Welche "Die Bilder"?

Capacity heißt ja so, weil es auf dem Grid capa.css beruht. Da hat jedes Grid (c5, c10, ... m100) ein Padding von 10 Pixeln.

---

Code allein macht nicht glücklich. Jetzt spenden!

screamindan

Mitglied

Re: Capacity Dark Theme - Hintergrundfarbe und Padding ändern

Ah ok. Also muss ich gucken, wie ich für die "m" Klassen die Abstände entferne...

Mit "Die Bilder" sind Bilder im Content gemeint.

florian

Administrator

Re: Capacity Dark Theme - Hintergrundfarbe und Padding ändern

Grundsätzlich geht das natürlich, Du brauchst nur das, was in capa.css nach dem Kommentar /* all columns */ steht, ändern zu

/* all columns */
 .c5, .c10, .c15, .c20, .c25, .c30, .c33, .c35, .c40, .c45, .c50, .c55, .c60, .c65, .c66, .c70, .c75, .c80, .c85, .c90, .c95, .c100, .d5, .d10, .d15, .d20, .d25, .d30, .d33, .d35, .d40, .d45, .d50, .d55, .d60, .d65, .d66, .d70, .d75, .d80, .d85, .d90, .d95, .d100, .t5, .t10, .t15, .t20, .t25, .t30, .t33, .t35, .t40, .t45, .t50, .t55, .t60, .t65, .t66, .t70, .t75, .t80, .t85, .t90, .t95, .t100 {
     float: left;
     padding: 0 10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

 .m5, .m10, .m15, .m20, .m25, .m30, .m33, .m35, .m40, .m45, .m50, .m55, .m60, .m65, .m66, .m70, .m75, .m80, .m85, .m90, .m95, .m100 {
     float: left;
     padding: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

Die Frage ist halt, ob das gut aussieht, weil dann auch der Text vom/bis zum Rand läuft. So dass Du also dann wieder noch am Padding für p, div, li usw. rumschrauben müsstest. Da kommt man dann vom Hölzchen zum Stöckchen.

So toll und bastelfreundlich ist capa.css leider doch nicht. Ich hatte jetzt einige Projekte (1, 2) damit gemacht und festgestellt, dass es leider nicht ganz bis zu Ende durchdacht ist und da dann doch noch ziemliches Gefrickel erforderlich ist, insbesondere, wenn individuelle Wünsche umzusetzen sind.

---

Code allein macht nicht glücklich. Jetzt spenden!

screamindan

Mitglied

Re: Capacity Dark Theme - Hintergrundfarbe und Padding ändern

Hab jetzt

[== CSS ==]
 .m5, .m10, .m15, .m20, .m25, .m30, .m33, .m35, .m40, .m45, .m50, .m55, .m60, .m65, .m66, .m70, .m75, .m80, .m85, .m90, .m95, .m100 {
     float: left;
     padding: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

hinzugefügt; ist aber immernoch irgendwo ein Padding...

Das mit den Formatierungen für "p" etc. stimmt. Mach ich aber lieber so...

florian

Administrator

Re: Capacity Dark Theme - Hintergrundfarbe und Padding ändern

.container hat auch noch padding 0 10px (Zeile 415 herum)

---

Code allein macht nicht glücklich. Jetzt spenden!