Systembox mit Text auf Bild

Zitat von Tom

Ist das immer noch die selbe Fehler-Meldung wie vorhin?

Zum Testen, geht das:

CSS

body .boxesContentBottom {
	margin-top: 0 !important;
}

Das hat jetzt funktioniert. Aber nur wenn ich nicht eingeloggt, also nur Besucher. Wenn ich mich einlogge gibt es ein Problem mit den Buttons.

Hier

Zitat von Tom

Kannst du mal schauen ob du das noch nachträglich eingefügt bekommst:

Code

[com.woltlab.wcf.generic159]

dann kann man das mit den Buttons noch anpassen. Ohne die Seite geht das sonst nur global und das gibt dann an anderen Stellen Probleme.

leider ist da nichts zu machen da kommt sofort wieder die selbe Fehlermeldung

wenn ich es so Eingebe also ohne die Klammer, kommt keine Fehlermeldung. Allerdings ist dann auch wieder der grosse Abstand vorhanden.

body com.woltlab.wcf.generic159 .boxesContentBottom {
    margin-top: 0 !important;
}

Hab es nur am Handy gerade gesehen aber ist die 159 nicht die Box ID? Dann könnte die ja anders sein.

Zitat von Grischabock

Hab es nur am Handy gerade gesehen aber ist die 159 nicht die Box ID? Dann könnte die ja anders sein.

habe ich gerade versucht und auf meine 133 gesetzt. Leider auch Fehlermeldung.

body [com.woltlab.wcf.generic133] .boxesContentBottom {
margin-top: 0 !important;
}

Der SCSS-Code enthält einen Fehler: Could not compile SCSS: Expected "]". , 1 | body [com.woltlab.wcf.generic133] .boxesContentBottom { | ^ ' tmp/styleGlobalValues_8b8a1d1db0cbc8136d5600add28ecc73b3b97090.scss 1:10 @import - 470:9 root stylesheet. 

Zitat von Tom

Und wenn du ds mal nimmst und nach dem Kopieren die ( ) durch [ ] per Tastatur ersetzt:

CSS

body(data-page-id="159") .boxesContentBottom {
    margin-top: 0 !important;
}

Das Problem ist ja das er die eckigen Klammern irgendwie nicht kompilieren will.

genau so nimmt er es an: ( aber wie gesaagt nur in der nicht eigeloggten version. Wenn eingeloggt dann hat man das problem mit den beiden Buttons wie bereits im vorherigen Bild gezeigt.

body[data-page-id="159"] {
    .boxesContentBottom {
	    margin-top: 0 !important;
   }
}

Zitat von Tom

Damit sollte es klappen:

CSS

body[data-page-id="159"] {
    .boxesContentBottom {
	    margin-top: 0 !important;
   }
	.contentInteraction {
    	margin-bottom: 20px;
	}
}

Der Bereich wirkt sauber, allerdings ist der weiße Abstand erneut sichtbar. Ich habe eine Idee: Könntest du die Buttons so positionieren, dass sie direkt auf dem Welcome Box Plugin liegen? Dadurch würde der weiße Abstand beim eingeloggten Zustand vollständig verschwinden. In der ausgeloggten version sieht es bereits gut aus. Hier.