Text / Inhalte im Revolutionslider am linken / rechten Rand ausrichten.

[eblick]

Ist es in den Einstellungen möglich, Inhalte ganz am Rand auszurichten?
Wenn ich bei Position 0 auf der x-Achse eingebe, gibt es einen Abstand zum Rand.

Bei Negativwerten verschwindet der Inhalt beim Verkleinern des Browsers aus dem Sichtbereich.

[Tim]

Du kannst relative Positionen angeben.

[eblick]

Das sorgt aber nicht dafür, dass das Element ganz außen am Rand "klebt". Es gibt immer noch einen (offenbar prozentuellen) Abstand zum Rand als Inline style:

Element {
left: 313.5px;
top: 1051px;
visibility: visible;
opacity: 0;
transform: translate3d(0px, 0px, 0px);
}

[Tim]

Die Slider-Bühne definiert die Größe. Es klebt am Rand der Bühne.

[eblick]

Owei, was um Himmels willen ist eine Slider-Bühne ;-) und wie kann ich diese auf die komplette Bildschirmbreite festlegen?

[Tim]

Owei, was um Himmels willen ist eine Slider-Bühne ;-) und wie kann ich diese auf die komplette Bildschirmbreite festlegen?

- Die Größe des Sliders in den Slider-Einstellungen definiert die "Bühne". Ist die Größe 1000x500, hat die Bühne diese Maße. Ein Fullscreen/width Slider zieht zwar Hintergrundbilder auf Breite des Bildschirm, plätziert aber mittelachsig die Elemente in einem Bereich von 1000px. Bissel wie eine Bühne in einem Theater. Der rote Vorhand sind die vollflächigen Hintergrundbilder, die Aktion läuft aber auf der Bühne.

Angenommen du hast einen Monitor mit 1024px maximal, dann wäre eine 100% Bühne 1024px Slider-Größe. Dann würde ein Element auf Koordinaten 0|0 exakt oben Links kleben bzw. relativ "Rechts unten", exakt mit der unteren Ecke abschließen.

Good to know: Die Bühnen-Größe legt auch den Schwellenwert fest ab welchen der Slider Größen berechnet. Angenommen du hast eine Bühnengröße von 2000px und betrachtest die Seite auf 1000px, findet bereits eine Berechnung statt. In diesem Fall eine Halbierung.

[eblick]

Jetzt wirds hell!

Das heißt, ich kann die Bühne nicht auf 100% Browserbreite stellen? Oder kann ich alternativ 3000px Breite einstellen?

[Tim]

Jetzt wirds hell!

Das heißt, ich kann die Bühne nicht auf 100% Browserbreite stellen? Oder kann ich alternativ 3000px Breite einstellen?

Du kannst natürlich auf 3000px stellen, dann wird natürlich für < 3000px bereits skaliert bzw. berechnet.

Die inline-styles kannst du mit !important sonst auch überschreiben. Musst du sehen, was am Ende komfortabler geht. Ich arbeite lieber mit der Faustregel: Bühnen-Größe = Größe der Hauptspalte / Content und ggf. mit CSS nachsteuern bei den Elementen.

[eblick]

Ich fasse das alte Thema nochmals auf, da sich ja an den aktuellen Revoslider Templates etwas geändert wird.
Wir haben eine dynamischen Contentbreite -> nicht max-width: 1240px sondern max-width: none und padding-left/right 10% vom Rand.

Gibt es eine Möglichkeit diese "Bühne" ebenfalls auf diese 10% vom Rand einzustellen?
In den Templates finde ich keinen Angriffspunkt.

[Tim]

Ein fullscreen Slider innerhalb eines Contains mit einem 10% Padding an den Seiten?

[eblick]

Ein fullscreen Slider innerhalb eines Contains mit einem 10% Padding an den Seiten?

Exakt. Der komplette Inhaltsbereich erstreckt sich auf der ganzen Seite auf 80% der Bildschirmbreite.

Und die Bühne sollte für eine optimale Ausrichtung ebenfalls 10% vom linken Rand entfernt beginnen bzw. 80% der Bildschirmbreite haben.