Theme Twenty Ten Abstand Menü / Content verringern

  • Hallo,

    leider bin ich kein CSS-Experte und so fällt es mir schwer, den Abstand zwischen der Navigation und den Seiten zu verringern.

    Defacto zwischen dem Menü und dem Slider.

    Für eine simple Hilfestellung bedanke ich mir im Voraus.

    Gruß
    Michael

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Über dem Slider befindet sich ein leerer p-Tag bzw. ist ein leerer Span drin. Wenn du den p-Tag löschst, ist der Abstand kleiner.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hallo SirEctor,

    vielen Dank für die Antwort.

    Leider bin ich auch kein HTML-Experte und dies kann ich beim besten Willen oder Wollen auch nicht ändern.
    Somit fällt es mir schwer den Screernshot richtig umzusetzen und die gewünschte Lösung zu erzielen.

    Geht das nicht auf einem benutzerfreundlichen Weg, ohne gleich in die CSS oder HMTL Programmierung einzusteigen?

    Gruß, M. Vogt

  • Über dem Slider ist ein leerer Absatz. Den löscht man

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Ich bitte um Verständnis für meine Unbeholfenheit, doch weder in der Vusiell noch in der Text-Ansicht von WordPress ist ein Absatz ersichtlich und in diesen beiden Ansichten folglich keiner löschbar. Mit meinen unbeholfenen Lösungsversuchen habe ich nun stattdessen rechts das Logo nach oben verschoben. Optimal wäre, wenn die Oberkante vom Slider mit der Oberkante vom Logo eine Flucht bilden.

  • Gegenfrage: Wie hast du den Slider an dieser Stelle eingebunden?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Lt. Seitenquelltext (Strg-U im Browser) und REST-API [plain]deineseite.de/wp-json/wp/v2/pages/215[/plain] -> Quelltext/Rohdaten anzeigen ist vor dem Metaslider noch ein leerer span Tag mit einer Schriftart:

    HTML
    <p><span style="font-family: arial, helvetica, sans-serif;"></span></p>

    Stelle den Editor mal auf HTML- bzw. Code-View um, evtl. sieht man das dann dort. Alternativ lösche alles im Editor und gib den metaslider Shortcode neu ein. Evtl. hilft das.

    Übrigens ist die Ausgabe der REST-API bei Dir defekt, da funkt ein offenbar nicht mit WordPress- oder PHP-Version kompatibles Plugin add-social-share-buttons bzw. "Add Social Share Messenger Buttons" dazwischen. Deaktiviere mal dieses Plugin, evtl. hat es auch mit dem seltsamen leeren span Tag zu tun.

    Und meine persönliche Meinung am Rande, etwas Abstand zur Menüzeile finde ich keinen Schaden bei diesem Theme.

  • Hallo B3317133

    vielen Dank für Deine Hilfestellungen.

    Kannst Du mir bitte noch verraten, wie ich mein Logo rechts im Widget wieder tiefer gestellt bekomme?

    Gruß, Michael

  • Der besagte leere span Tag ist nach wie vor vorhanden, das offenbar defekte "Add Social Share Messenger Buttons" ist nach wie vor aktiv.

    Bzgl. Logo, mache das rückgängig, was Du vorher gemacht hast:

    Mit meinen unbeholfenen Lösungsversuchen habe ich nun stattdessen rechts das Logo nach oben verschoben.


    Ergänzung: Offenbar hast Du Änderungen direkt in der Datei [FONT=Courier New]style.css[/FONT] des Themes vorgenommen (die am Rande bemekrt beim nächsten Theme-Update überschrieben würden).

    Um das rückgängig zu machen, lade eine frische Version des Themes in der von Dir verwendeten Version auf den PC herunter, z.B. hier, entpacke das Archiv und ersetze die online Version der Datei [FONT=Courier New]/wp-content/themes/twentyten/style.css[/FONT] mit der aus dem Archiv.

    Zukünftige CSS-Ergänzungen schreibe am besten in das Menü "Design > Customizer > Zusätzliches CSS".

    6 Mal editiert, zuletzt von b3317133 (11. April 2019 um 14:06)

Jetzt mitmachen!

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