Hallo -
ich benutze das Theme "Eris" und mir gefällt der Abstand der Überschrift zum oberen Rand und der zwischen Überschrift und Beitrag nicht gut = ich finde ihn zu groß.
Um die Überschrift weiter nach oben zu setzen habe ich einen CSS Code gefunden, der auch wunderbar funktioniert:
.site-content { padding-top: 100px !important; } Hier kann ich die Pixelzahl verändern und die Überschrift wandert entsprechend nach oben und unten.
Solch einen CSS suche ich nun dafür, dass ich den Textanfang bzw. das erste Bild näher an die Überschrift rücken kann. Bei den Seiten finde ich es gut, dort ist die Vorgabe im Theme scheinbar auch kleiner, aber bei den Blogbeiträgen ist es mir zu groß.
Ich habe schon viel gesucht, doch bisher leider kein entsprechendes CSS gefunden. Kann mir jemand helfen?
Danke!
Matthias
Abstand zur Überschrift
-
-
- Gerade eben
- 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)
-
Wenn du einen Link bekannt gibst, sollte das in wenigen Minuten erledigt sein .... Für das Theme in einer Demo und in der dann versuchen das zu treffen ist immer ein wenig Glücksache.
Aber - versuche mal das in die Zusätzlichen CSS einzufügen:Ggf auf Nebenwirkungen achten ;-)
-
Ja super - hat funktioniert und ich kann damit den Abstand nach Belieben verändern. Vielen Dank!!
Könntest Du mir auch einen CSS Code nennen, mit dem ich die Abstände zwischen den Bildern und dem Text variabel gestalten kann? Wenn ich jetzt die Möglichkeiten von Wordpress sehe, gucke ich nochmals genauer auf die Seite und finde, dass auch diese Abstände etwas groß sind... Es könnte aber auch an der Größe der Absätze liegen, oder ?!?:rolleyes:Hier auch gerne ein Link auf die Seite: https://reisebilder.blog/2018/05/21/peking-zaha-hadid/
Gruß
Matthias -
Schau dir mal die vorhandenen Classes an: .alignnone, .alignleft und .alignright. Hier stehen vier Werte bei margin, so in etwa margin: 8px 46px 30px -80px. Die Werte stehen in der Reihenfolge für oben rechts unten links. Kannst also mit den Werten etwas spielen, je nachdem was du möchtest.
-
Hier gibts ein Video zu deinen Wünschen. Browser ist der Firefox, aufrufen des unteren Bereiches (Entwicklerumgebung) mit F12 oder rechte Maustaste - und Element untersuchen.
-
Wow - ganz toll! Ich habe die Codes in meinen CSS-Container zum Einrichten der Seite übertragen und kann dort jetzt die verschiedenen Abstände regulieren. Wirklich faszinierend, was so möglich ist. Vielen Dank an SEpp55 für die Mühe und die anschauliche Erklärung!
-
Gerne geschehen ;-)
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!