Umbruch für Mobile

1. offizieller Beitrag
    • Offizieller Beitrag

    Die ganze Liste scheint mir von irgendwo kopiert zu sein.
    Hier wurden einige Formatierungen mit kopiert.

    Beispiel:

    Code
    <li dir="ltr" style="list-style-type:disc;font-size:12pt;font-family:Roboto,sans-serif;color:#333333;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;"><p>Robuste verzinkte Oberfläche - optional auch in vielen RAL-Farben (z.B. lichtgrau RAL 7035) (<a href="kellerregal-03.php#a27422">Link zum Abschnitt Farben</a>)</p></li>

    Am besten die Liste nochmal mit Plain-Text neu erstellen.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

    Zitat von Pete

    Wie kann ich

    • den "Bullet-Point" ändern?

    Layout-Designer > Allgemein > Listenstile


    Zitat von Pete

    Wie kann ich

    • Abstand zwischen den Zeilen anpassen?

    Füge dem Textartikel mit der Auflistung folgende CSS-Klasse hinzu meinlistenabstand.
    Folgendes unter "Einstellungen > CSS einfügen (die 10px anpassen):
    <style>
    .meinlistenabstand ul:not(.slides) li {
       padding-bottom: 10px;
    }
    </style>

    Danke Mario, das habe ich hingekriegt, jetzt habe ich allerdings noch ein kleines Problem bei der Tel-Nr.-Verlinkung:

    Code
    <p>Oder sparen Sie Zeit: Rufen Sie Telefon <div class="fon">☏ 044 740 29 91</div> <a class="fon-mobil" href="tel:+41447402991">☏ 044 740 29 91</a> an, schreiben uns eine <a href="mailto:info@erma.ch">E-Mail</a> oder nutzen Sie unser <a href="oid://page/de$kontakt-formular-2024?URL=[$=page.url$]" target="_blank" rel="nofollow noopener noreferrer">Kontaktformular</a>. </p>

    Der tel-Link (nur bei Mobile) klappt, allerdings bricht es mir die Zeile um:

    Ich möchte es in 1 Zeile, wo habe ich da einen Fehler drin?

    Wunsch:

    Anzeige:

    Hier noch der Code im CSS (hast Du mir auch mal so erklärt):

    Code
    <style>
@media (max-width: 979px) {
.fon {
display: none;
}}
@media (min-width: 979px) {
.fon-mobil {
display: none;
}}
</style>

    Hallo Pete,

    ersetz im Code das div mal mit einem span, d.h.

    Code
    <p>Oder sparen Sie Zeit: Rufen Sie Telefon <span class="fon">☏ 044 740 29 91</span> <a class="fon-mobil" href="tel:+41447402991">☏ 044 740 29 91</a> an, schreiben uns eine <a href="mailto:info@erma.ch">E-Mail</a> oder nutzen Sie unser <a href="oid://page/de$kontakt-formular-2024?URL=[$=page.url$]" target="_blank" rel="nofollow noopener noreferrer">Kontaktformular</a>.</p>

    Dann sollte die Darstellung in einer Zeile funktionieren :)

    Freundliche Grüße
    Philipp

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

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden