Padding bei Blog „Archive“ und „Kategorien“ vergrößern

Gelöst flowjo81
(@flowjo81)

vor 3 Jahren, 5 Monaten

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)

Moderator Hans-Gerd Gerhards
(@hage)

vor 3 Jahren, 5 Monaten

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

Thread-Starter flowjo81
(@flowjo81)

vor 3 Jahren, 5 Monaten

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)

vor 3 Jahren, 5 Monaten

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.
Thread-Starter flowjo81
(@flowjo81)

vor 3 Jahren, 5 Monaten
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 3 Jahren, 5 Monaten von flowjo81.
Moderator Bego Mario Garde
(@pixolin)

vor 3 Jahren, 5 Monaten
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;
}
```
Thread-Starter flowjo81
(@flowjo81)

vor 3 Jahren, 5 Monaten

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)

vor 3 Jahren, 5 Monaten

Ja, ähm … Schön. 🙂

… und wer ~~macht jetzt das Licht aus~~ markiert den Thread jetzt als „gelöst“? 💡
Thread-Starter flowjo81
(@flowjo81)

vor 3 Jahren, 5 Monaten
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 3 Jahren, 5 Monaten von flowjo81.
Thread-Starter flowjo81
(@flowjo81)

vor 3 Jahren, 5 Monaten

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)

Das Thema „Padding bei Blog „Archive“ und „Kategorien“ vergrößern“ ist für neue Antworten geschlossen.

Padding bei Blog „Archive“ und „Kategorien“ vergrößern

Themen-Schlagwörter

Ansichten