Widget Trennlinie

  • hallo zusammen,

    eine Frage kann ich die Stärke einer Trennlinie beeinflussen? im Widget selbst sehe ich keine Möglichkeit.

    Ich verwende ZP 17.2.4;)

    Grüße Ela

  • Hallo Ela,

    richtig, im Widget gibt es keine entsprechende Einstellung. Im jugendlichen Übermut dachte ich, dass ich das bestimmt mit etwas CSS (Inline-CSS, eigenes CSS, auch mal eine neue Klasse angelegt etc.) hinbekomme, aber nach vielen Anläufen gebe ich auf. In den Entwicklerwerkzeugen ließ sich die Höhe aber bequem mittels „height“ wunschgemäß einstellen ...

    Gegenwärtig hätte ich somit nur die folgenden drei Lösungsvorschläge.

    1. Geduld, bis jemand hier entsprechendes CSS aus dem Ärmel schüttelt.
    2. Stelle im Widget den unteren Abstand auf „0“, kopiere das Widget und füge es nun unter dem ersten Widget ein. Stelle nun den oberen Abstand des eingefügten Widgets auf „0“, also beide Abstände auf „0“, kopiere nun dieses Widget und füge es sooft ein, bis die gewünschte Breite erreicht ist. Beim letzten Widget, stellst Du dann den unteren Abstand wieder so ein, wie er Dir zum nächsten Artikel passend erscheint. Wenn Du die Widget-Sammlung als eigenen Container definierst, lässt sich das gesamte Konstrukt ja bequem kopieren und auf anderen Seiten einfügen (oder auch unter „Entwickler“ als Design-Block exportieren). Blöde ist nur, wenn Du die Farbe plötzlich ändern möchtest, dann hast u. U. viel Klickarbeit vor Dir.
    3. https://www.widget-zp.de/trennlinie.html

    Viele Grüße

    Tom

  • Hallo Ela,

    probier mal folgenden CSS-Code:

    CSS
    <style>
    .meineTrennlinie hr {
    	height: 4px !important;
    }
    </style>

    Bei der Trennlinie musst du dann natürlich die entsprechende Klasse "meineTrennlinie" bei den CSS-Klassen eintragen.

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

  • Ich sagte ja, "Geduld".

    Was so ein unscheinbares „hr“ für einen Unterschied bei einer Klasse machen kann! Damit funktioniert es jetzt zumindest bei mir.

    Viele Grüße

    Tom

  • Hallo Ela,

    richtig, im Widget gibt es keine entsprechende Einstellung. Im jugendlichen Übermut dachte ich, dass ich das bestimmt mit etwas CSS (Inline-CSS, eigenes CSS, auch mal eine neue Klasse angelegt etc.) hinbekomme, aber nach vielen Anläufen gebe ich auf. In den Entwicklerwerkzeugen ließ sich die Höhe aber bequem mittels „height“ wunschgemäß einstellen ...

    Gegenwärtig hätte ich somit nur die folgenden drei Lösungsvorschläge.

    1. Geduld, bis jemand hier entsprechendes CSS aus dem Ärmel schüttelt.
    2. Stelle im Widget den unteren Abstand auf „0“, kopiere das Widget und füge es nun unter dem ersten Widget ein. Stelle nun den oberen Abstand des eingefügten Widgets auf „0“, also beide Abstände auf „0“, kopiere nun dieses Widget und füge es sooft ein, bis die gewünschte Breite erreicht ist. Beim letzten Widget, stellst Du dann den unteren Abstand wieder so ein, wie er Dir zum nächsten Artikel passend erscheint. Wenn Du die Widget-Sammlung als eigenen Container definierst, lässt sich das gesamte Konstrukt ja bequem kopieren und auf anderen Seiten einfügen (oder auch unter „Entwickler“ als Design-Block exportieren). Blöde ist nur, wenn Du die Farbe plötzlich ändern möchtest, dann hast u. U. viel Klickarbeit vor Dir.
    3. https://www.widget-zp.de/trennlinie.html

    Viele Grüße

    Tom

    Hallo Tom, ja das von Widget-zp.de hatte ich auch im Visier, wollte aber eigentlich das von Zeta selbst einsetzen. Trotzdem Danke.

    Ich verwende ZP 17.2.4;)

    Grüße Ela

  • Hallo Ela,

    probier mal folgenden CSS-Code:

    CSS
    <style>
    .meineTrennlinie hr {
    	height: 4px !important;
    }
    </style>

    Bei der Trennlinie musst du dann natürlich die entsprechende Klasse "meineTrennlinie" bei den CSS-Klassen eintragen.

    Hallo Philipp,


    herzlichen Dank. Funktioniert.

    Ich verwende ZP 17.2.4;)

    Grüße Ela

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!