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.