Widget zentrieren

Hallo Walter,

das sollte eigentlich (bei den meisten Widgets) mit dem Inline-CSS text-align: center; im demenstprechenden Widget oder der Reihe umzusetzen sein.

Nicht schmäler ziehen (warum auch?).

Auf die volle Breite gehen und dann passt es.

Der rechte Spacer ist übrigens überflüssig. Wenn der linke dann alleine ist, sollte er auch keine anderen Elemente auf schmalen Bildschirmen verdrängen.

Zitat von Stefan S

Der rechte Spacer ist übrigens überflüssig. Wenn der linke dann alleine ist, sollte er auch keine anderen Elemente auf schmalen Bildschirmen verdrängen.

Nach unten nicht, aber nach oben erzeugt ein so eingefügter Spacer einen unschönen Abstand bei der mobilen Darstellung..

Man könnte sich vom Spacer die Artikel-ID besorgen und diesen dann über einen angepassten Media Style im additional_css Attribute ausblenden bzw. die Höhe auf 0 setzen.

<style>
@media only screen and (max-device-width: 480px) {
    #a9324 {
        height: 0px;
    } 
}
</style>

Hallo,

das mit der ID ist zu kompliziert. Wir finden da eine bessere Lösung.

Zitat von Stefan S

Hallo,

das mit der ID ist zu kompliziert. Wir finden da eine bessere Lösung.

Da bin ich mir bei Euch ganz sicher. War auch nur als Notlösung gedacht.

Gerade hier beim posten gemerkt: aus einem Smiley thumbsup wird einfach ein thumbup draus.

Ein Online-Update, das die Spacer einfach ab dem Moment, wo alles 1-spaltig dargestellt wird, komplett ausblendet ist raus und sollte in ca. 30 Minuten aufschlagen.

Zitat von Stefan S

Ein Online-Update, das die Spacer einfach ab dem Moment, wo alles 1-spaltig dargestellt wird, komplett ausblendet ist raus und sollte in ca. 30 Minuten aufschlagen.

Sehr gut

Stefan S

Kann es sein, das nun generell Spacer ausgeblendet werden, auch wenn die in einer eigenen Reihe da sind und somit auch in der mobilen Ansicht als Abstand dienen sollen?

Ja, das passt leider so nicht (eben getestet).

Bitte korrigieren > Danke

Ja, ab dem 1-Spaltigen breakpoint werden die ausgeblendet. Für vertikale Abstände sind Spacer aber eigentlich nicht gedacht. Nutzen das viele so?

Es geht aber auch um die horizontalen Abstände > Da verschwinden nun auch die Abstände (Spacer) in der mobilen Ansicht,, und das ist nicht gut

Daher bitte bitte wieder rückgängig machen oder korrigeiren.

Beispiel dazu:

Bild 1: Ein Spacer als Abstand im ZP eingefügt.

Bild 2: Ansicht in der normalen Desktopansicht > Abstand ist da wie gewünscht.

Bild 3: Ansicht in der mobilen Darstellung > Abstand ist nun weg, da der Spacer ausgeblendet wird.

Das meine ich damit.

Und wenn man nun in einem oder auch mehreren Projekten den Spacer dazu im Einsatz hat, stimmt das nicht mehr.

Und dann wundert man sich

OK

Hallo,

also ich nutze Spacer auch für vertikale Abstände. 😉

Stefan S : DANKE fürs wieder rückgängig machen.

Vielleicht findet Ihr ja eine andere (einfache) Möglichkeit, Widgets "zentriert" darstellen zu lassen.

Zitat von Walter

Vielleicht ist es möglich Spacer um eine wählbare Option für die Höhe zu erweitern?

Bzw. mit einer Option sie in einer mobile Ansicht ausblenden zu können.

Zitat von madas

Bzw. mit einer Option sie in einer mobile Ansicht ausblenden zu können.

Das wäre wohl die beste und einfachste Möglichkeit

Zitat von Jochen

Das wäre wohl die beste und einfachste Möglichkeit

Moin!

Gibt es da eigentlich eine Antwort oder Möglichkeit?

Also einen Spacer den ich einsetze und der bei der mobilen Einstellung "verschwindet" ?

VLG

Hallo Holger,

dieses Thema ist schon sehr alt und bereits etwas unübersichtlich, ich habe deshalb nicht verstanden was genau du erreichen willst.

Laut Beitrag #13 wird der Spacer ja in der Mobilen Ansicht ausgeblendet.

Am besten ein neues Thema mit folgendem Inhalt erstellen.

• Genau beschreiben was du erreichen willst.
• Welche Version von Zeta Producer wird verwendet.
• Welches Layout wird verwendet.

Ach du Sch....

Sorry, ich dachte das würde genau in mein Thema rein passen. Ich setzte das nochmal auf. Danke fuer die Info.

Zitat von Mario

Hallo Holger,

dieses Thema ist schon sehr alt und bereits etwas unübersichtlich, ich habe deshalb nicht verstanden was genau du erreichen willst.

Laut Beitrag #13 wird der Spacer ja in der Mobilen Ansicht ausgeblendet.

Am besten ein neues Thema mit folgendem Inhalt erstellen.

• Genau beschreiben was du erreichen willst.
• Welche Version von Zeta Producer wird verwendet.
• Welches Layout wird verwendet.

Hallo Mario,

#13 hat mich nicht wirklich weiter gebracht.

Ich nutze einen Spacer um einen Text optisch weiter runter zu drücken.

Links ist ein Bild, daneben ein Text in der Höhe "nach unten angepasst"

der Abstand in der mobilen Variante ist mir aber zu groß. Hier würde ich mir

wünschen, das ich den Spacer so einstellen kann, das er in der mobilen Ansicht verschwindet.

ich weiß nicht wie ich es anders ausdrücken soll :-/

----- und ich habe es gerade ignoriert einen neuen Beitrag aufzusetzen ---- man, das Alter :-/

------ Projektvorlage: Shop - Flat Responsive

Dazu ist der Spacer nicht das optimale Werzeug.

Schau dir mal die Einstellungen unter "Darstellung > Spalte > Vertikale Ausrichtung" an.

Ich würde das mit etwas CSS umsetzen.

Gehe zu "Einstellungen > CSS" und füge dort folgendes ein:

<style>
.meinabstand {
margin-top: 200px;
}
@media (max-width: 660px) {
.meinabstand {
margin-top: 0;
}}
</style>

Anschließend gibst du dem zu verschiebenden Widget die CSS-Klasse meinabstand. (Im Widget unten Links auf das Mischpult, dann auf Mehr.

Die Werte musst du natürlich noch an deine Bedürfnisse anpassen.

Zitat von Mario

Dazu ist der Spacer nicht das optimale Werzeug.

Schau dir mal die Einstellungen unter "Darstellung > Spalte > Vertikale Ausrichtung" an.

Ich würde das mit etwas CSS umsetzen.

Gehe zu "Einstellungen > CSS" und füge dort folgendes ein:

CSS

<style>
.meinabstand {
margin-top: 200px;
}
@media (max-width: 660px) {
.meinabstand {
margin-top: 0;
}}
</style>

Anschließend gibst du dem zu verschiebenden Widget die CSS-Klasse meinabstand. (Im Widget unten Links auf das Mischpult, dann auf Mehr.

Die Werte musst du natürlich noch an deine Bedürfnisse anpassen.

Alles anzeigen

MARIO ...... fühl dich gedrückt!

das ist es ....

Danke!