Support » Allgemeine Fragen » Auf der Hauptseite Header auf Unterseiten kein Header. Wie?

  • Gelöst reowvgk

    (@reowvgk)


    Meine Frage ist wie ich auf der Hauptseite den Header behalten kann und auf den Unterseiten den Header entfernen kann. Es geht dabei nur ums Header Bild nicht um die Menüleiste. Danke im Voraus!!

    • Dieses Thema wurde geändert vor 2 Monaten, 2 Wochen von reowvgk.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Hallo,
    wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen.
    Viele Grüße
    Hans-Gerd

    Es geht darum wenn man bei den Projekten auf den Button klickt kommt man zu den Unterseiten. Diese haben oben den Header drauf den ich entfernen möchte.

    Hallo,
    wenn du dir in den Entwickler-Tools deines Browsers (Taste F12 im Browser) das <body>-Tag anschaust, findest du für jede Seite deiner Website eine individuelle CSS-Klasse page-id-351 (bei Giraffen). Die kannst du verwenden, um einer einzelnen Seite eine eigene CSS-Regel zuzuweisen.
    Ein Ansatz wäre die folgende CSS-Regel, die du unter Design > Customizer > Zusätzliches CSS schreibst:

    .col-md-4.col-sm-8.col-xs-12 {
        visibility: hidden;
    }

    Viele Grüße,
    Hans-Gerd

    Danke für die Antwort. Das ganze funktioniert so aber nicht. Ich kann zwar das Header Bild ausblenden, aber es bleibt ein weißer Hintergrund. Ich wollte das Bild mit Projekt 1 als erstes oben anzeigen.

    Hallo,
    das war an sich auch nur als Ansatz gedacht.
    Teste doch mal bitte unter Design > Customizer > Zusätzliches CSS die folgende Regel:

    .page-id-351 .col-md-4.col-sm-8.col-xs-12 {
        visibility: hidden;
    }

    Viele Grüße,
    Hans-Gerd

    Kann ich per CSS auch für die Page ID ein anderes Header Bild auswählen?

    ja, z. B. in etwa so (das betrifft allerdings das Logo):

    .page-id-351 .col-md-4.col-sm-8.col-xs-12 {
        background: url(http://....de/wp-content/uploads/2020/07/irgendwas.jpg);
    }

    Ich hatte dich allerdings so verstanden, dass das Logo ersetzt werden sollte.
    Wenn du allerdings das komplette Bild ersetzten möchtest, dann wäre das allerdings so etwas in der Art:

    .page-id-351 .slide-item.slide-item-1 {
        background: url(http://....de/wp-content/uploads/2020/07/irgendwas.jpg);
    }

    Weitergehende Infos zu CSS findest du z. B. hier

    Hat geklappt vielen Dank!

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)