Support » Allgemeine Fragen » Padding bei Blog „Archive“ und „Kategorien“ vergrößern

  • Gelöst flowjo81

    (@flowjo81)


    Hallo Zusammen,

    Ich kenne mich leider mit CSS nicht wirklich gut aus und habe daher folgendes Problem. Bei meinen Blog Beiträge unter „Archive“ und unter „Kategorien“ überschneidet sich mein Top Menü mit dem Inhalt der Seiten.
    Auf der Blog Hauptseite passt alles mit dem Abstand.
    Ich suche jetzt überall vergeblich nach einem passenden CSS Selektor, der mit .archive …(bzw. .kategorien…) anfängt, damit nur die Archivseiten (bzw. Kategorien-Seiten) angesprochen werden und nicht der normale Blog ebenfalls 50px mehr padding erhält.

    Sonstiges:
    Theme: OceanWP
    Header Style auf „minimal“ und Main > Paddings auf „disable“

    Viele Grüße
    Florian

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • 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

    flowjo81

    (@flowjo81)

    Hallo Hans-Gerd,

    wenn ich wüsste wie ich das machen soll, hätte ich bereits einen Link eingetragen. Meine Website ist aber noch im Aufbau und daher im Wartungsmodus. Wie kann ich denn da jemanden drauf schauen lassen?

    Viele Grüße,
    Florian

    Moderator Bego Mario Garde

    (@pixolin)

    Wenn die Webseiten nicht öffentlich zugänglich sind, kannst du dazu nur einen Dienstleister beauftragen. Wieso wir uns nicht bei dir einloggen, haben wir in der FAQ beschrieben.

    Wenn dir ein Dienstleister zu teuer ist, kannst du dich gerne nochmal hier melden, nachdem du die Website öffentlich zugänglich gemacht hast. Oder du verzichtest auf Annpassungen.

    flowjo81

    (@flowjo81)

    Ich habe jetzt mal den Wartungsmodus ausgeschaltet und hoffe das ihr jetzt so etwas sehen könnt. Die URL lautet:

    http://test.fd-design.com/blog/

    Dort stimmt noch alles mit dem Abstand zum oberen Menü. Aber wenn man auf Archive oder Kategorien klickt, fehlt plötzlich der Abstand zwischen Inhalt und Menü. Ich möchte jetzt (wie oben beschrieben) gerne nur den Inhalt (nicht das Menü) der Archivseiten (bzw. Kategorien-Seiten) mit Custom CSS ansprechen und diesen jeweils 50px weiter nach unten schieben.

    Ich hatte schon im Custom CSS herumprobiert mit padding-top und padding-block-start, aber ich finde nicht den korrekten CSS-Selektor, da entweder das Menü ebenfalls um 50px herunterrutscht oder die 50px auch auf der Blog-Seite zum bestehenden Abstand dazu kommen.

    Viele Grüße Florian

    • Diese Antwort wurde geändert vor 1 Woche von flowjo81.
    Moderator Bego Mario Garde

    (@pixolin)

    Der Abstand hängt mit der Customizer-Einstellung „Transparen Header“ zusammen. Also entweder die Header-Einstellung im Customizer ändern, oder eine eigene CSS-Regel hinzufügen:

    .category #main.site-main,
    .archive #main.site-main {
        padding-top: 50px;
    }
    flowjo81

    (@flowjo81)

    Hallo Bego Mario Garde,

    vielen Dank für die schnelle Antwort. Also den transparenten Header möchte ich sehr gerne behalten. Das funktioniert genau so wie ich es mir erhofft hatte mit deinem CSS. Vielen herzlichen Dank Dir!!! Da hätte ich zwei Tage früher nachfragen sollen!

    Schöne Grüße und noch ein schönes Wochenende,
    Florian

    Moderator Bego Mario Garde

    (@pixolin)

    Ja, ähm … Schön. 🙂

    … und wer macht jetzt das Licht aus markiert den Thread jetzt als „gelöst“? 💡

    flowjo81

    (@flowjo81)

    Sorry…mach ich gleich…aber ich habe mich wohl zu früh gefreut. Hier funktioniert es doch nicht: http://test.fd-design.com/2020/11/

    Da steckt doch irgendwo der Fehlerteufel drin?

    • Diese Antwort wurde geändert vor 1 Woche von flowjo81.
    flowjo81

    (@flowjo81)

    Hab den Fehler entdeckt…es war eine „}“ zu viel drin. Vielen Dank nochmals an alle!

    Schöne Grüße
    Florian

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