Header im Spacious Theme

  • Guten Morgen, ich möchte gerne im Spacious Theme einen Header auf einer Seite einstellen, der nur dort angezeigt wird. Problem ist, wenn ich ein Bild ausgesucht habe, wird dieses auf jeder weiteren Seite auch dargestellt. Auf der Startseite ist ein Slider eingebunden und da sieht es ziemlich blöd aus, wenn darüber noch ein Header abgebildet ist.
    Habt ihr eine Lösung für mich? Wenn ich nur ein Bild als Widget einfüge, habe ich nach oben einen Rand.

    Zu sehen unter http://runandmove.de/

    Danke und Grüße
    Nadine

    • 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

  • Um das Header-Bild nur auf der Startseite auszublenden, versuche das...

    Code
    .page-id-937 #wp-custom-header img.header-image {
      display: none;
    }


    in deinem zusätzlichen CSS! (Dashboard -> Design -> Customizer -> zusätzliches CSS)

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

  • @Sailor56 Ich habe die Seite ins Englische übersetzt mit Polylang und das Theme Sapcious ugedatet, damit ich die Header auch auf der englischen Seite darstellen kann. Jetzt hab ich hier allerdings das gleich Problem, dass dort auf der Website der Header und der Slider angezeigt werden, obwohl dass CSS eingebunden ist. Hast du vielleicht eine Lösung, ohne dass ich Laie und Nicht-Entwickler ein Child Theme erstellen muss :(?

  • Es geht genau so, wie du es schon mal gemacht hast - es hat sich allerdings in der englischen Version die Page ID geändert - kannst du sehen, wenn du dir den <body> Tag mal genauer anschaust.
    Aber hiermit sollte das Bild (auf der englischen Seite) ausgeblendet werden:

    HTML
    .page-id-945 #wp-custom-header img.header-image {
      display: none;
    }
  • page-id-945 :)

    Die Seite auf englisch hat eine andere ID als die deutsche, daher musst Du die Angaben vom Sailor kopieren, aber halt mit page-id-945 statt 937.

Jetzt mitmachen!

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