Banner formatieren

  • Hallo,

    ich würde gerne in den Banner eine Zeile für die Anzeige einer Telefonnummer etc. benutzen.

    Leider ist der Abstand des Banners zur Menüzeile viel zu groß und nimmt zuviel Platz weg.

    Wie und wo kann ich diesen Abstand verändern?

  • Wir helfen Ihnen gerne! Bitte helfen Sie uns Ihr Problem genau zu verstehen, indem Sie folgende Hinweise beachten:


    Wenn Sie Fehler / Probleme melden oder Fragen haben, seien Sie bitte so spezifisch wie möglich. "Funktioniert nicht" ist zum Beispiel für uns sehr schwer einzuschätzen. Wir wissen nicht, was Sie erwarten haben und was Sie getan haben, um das Erwartete zu erreichen. Es ist daher notwendig, alles genau zu beschreiben:


    1. Welche Zeta Producer Versionnutzen Sie?
    2. Welches Layout nutzen Sie? Z.B.: "Smart Responsive" (Hilfe > Programminfo > Support-Informationen)
    3. Was möchten Sie erreichen?
    4. Wie sind Sie dazu vorgegangen? Beschreiben Sie Schritt für Schritt, welche Arbeitsschritte Sie in Zeta Producer durchgeführt haben.
    5. Welches Resultat haben Sie erwartet?
    6. Was ist stattdessen passiert?
    7. Wie ist die URL zur Website des veröffentlichten Projekts (falls vorhanden)?
    8. Falls etwas falsch aussieht, zeigen Sie uns das anhand eines Screenshot und teilen Sie uns die direkte URL der entsprechenden Seite mit.
    9. Falls Sie eine Fehlermeldung erhalten, nutzen Sie die im Fehlerdialog enthaltene Option uns den Fehler zu berichten (unten links auf den Pfeil klicken). Alternativ klicken Sie die Option "Fehlerdetails" an posten den Text hier. Nur so erhalten wir genügend Details zur Fehlermeldung.
  • Hier eine Ergänzung:

    Der Abstand ist voreingestellt via div.zpRow auf margin-bottom: 30px;

    Ein Abstand von margin-bottom: 0px; wäre mir lieber.

    Wo und wie kann ich den ändern?

  • Hallo,


    es war wichtig zumindest das verwendete Layout zu kennen (noch Hilfreicher wäre eine URL zur Website). Dafür gibt es keine Einstellung, das geht nur mit angepasstem CSS.

    Zum Beispiel:

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
    #banner{
    padding-bottom: 4px;
    }
    #banner .zpRow:last-child,
    #banner p:last-child{
    margin-bottom: 0;
    }
    </style>


    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.