Shapely Theme - Design Anpassungen/Optimierungen

  • Hallo zusammen,

    ich nutze auf https://sandra-daniel.de das Theme Shapely von Colorlib und würde gerne einige Dinge anpassen. Da ich mit CSS und HTML nicht so fit bin, hoffe ich, dass mir jemand helfen kann.

    1) Die obere Menüleiste wird vertikal nicht richtig zentriert. Das liegt wohl an der größe des Logos im Header. Wie kann ich das korrigieren?

    2) Im Bereich "Nicht das passende gefunden" Gibt es einen Button, welcher eigentlich zum Kontaktformular scrollen soll. Mit dem Smartphone funktioniert das mehr oder weniger. Die Seite wird erst neu aufgerufen und dann wird zum Kontaktformular gescrollt. Am Desktop funktioniert es hingegen überhaupt nicht...

    3) Über dem Footer gibt es einen Bereich mit Social Icons. Wie kann ich diese (weiterhin nebeneinander) Zentriert darstellen?

    4) Ich nutze verschiedene Widgets von Shapely auf der Startseite. Einige dieser Widgets verwendungen Überschriften, welche falsch definiert sind.
    - "Kontakt" ist als h1 definiert. Ich möchte aber das es h2 ist. Ich habe das versucht umzusetzen, allerdings wird es im Code jetzt sowohl als h1 und auch als h2 (Duplikate Kontent) dargestellt.
    - Gleiches gilt für "Nicht das passende gefunden"
    - Bei "Wir unterstützen dich..." ist es ähnlich. Da ist es h2 und h3


    Ich bin echt über jede Hilfe dankbar - und wenn es nur einen der Punkte betrifft.

    Falls mehr informationen benötigt werden o.ä. lasst es mich gerne wissen. :-)

    Viele Grüße
    Daniel

    • 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

  • zu 1: Versuch mal das

    Code
    .nav-bar .module:not(.site-title-container), .nav-bar .module-group {
        height: auto;
    }


    zu 2. Versuch den Button mal nicht auf #Kontakt zu setzen, sonder auf #shapely_home_contact-2

    zu 3. Versuch das:

    Code
    .widget .shariff.shariff-widget-align-flex-start ul {
        justify-content: center;
    }

    zu 4. Frage den Theme-Support. Normalerweise werden die Überschriften direkt in der functions.php definiert, wo auch die Sidebar definiert wird. Ich habe aber jetzt nicht ins Theme geschaut.

    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]

  • zu 1: Versuch mal das

    Code
    .nav-bar .module:not(.site-title-container), .nav-bar .module-group {
        height: auto;
    }


    zu 2. Versuch den Button mal nicht auf #Kontakt zu setzen, sonder auf #shapely_home_contact-2

    zu 3. Versuch das:

    Code
    .widget .shariff.shariff-widget-align-flex-start ul {
        justify-content: center;
    }

    zu 4. Frage den Theme-Support. Normalerweise werden die Überschriften direkt in der functions.php definiert, wo auch die Sidebar definiert wird. Ich habe aber jetzt nicht ins Theme geschaut.

    Zunächst vielen Dank für deine Hilfe!

    zu 1) Das hat perfekt funktioniert, klasse!
    zu 2) Das funktioniert ebenfalls.
    zu 3) Das klappt leider nicht, bzw. scheint zu keinerlei Änderung zu führen. Hat vielleicht jemand noch eine Idee?
    zu 4) Werde ich machen!

    Viele Grüße und ein schönes Wochende!

Jetzt mitmachen!

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