Seiten-Überschrift gleich Kategorie-Überschrift setzen

Abstände lassen sich grundsätzlich mittels CSS anpassen, also in der Datei style.css des aktiven Theme.
Sofern du noch keine Theme-Dateien bearbeitet hast, solltest du erwägen, die Änderungen in Form eines Child Theme umzusetzen, damit bei einem Update von Twenty Eleven nichts verloren geht.
Falls du mit CSS keine Erfahrung hast, poste bitte einen Link zu deiner Site, dann ist das wahrscheinlich schnell erledigt.

Irgendwas ist in deinem Template (wahrscheinlich content.php?) schief gelaufen. Im Quelltext deiner Kategorie-Seite "Tickets" steht:

<header class="entry-header">


    <h1 class="entry-title"><title="Permalink zu Tickets online" rel="bookmark">Tickets online</a></h1>


    <div class="entry-meta"></div><!-- .entry-meta -->
            
</header><!-- .entry-header -->

Da hast du irgendwie aus einem h1-Element mit title-Attribut ein title-Element gemacht, dass es so in HTML gar nicht gibt. Richtig müsste es heissen:

<header class="entry-header">


    <h1 class="entry-title" title="Permalink zu Tickets online" rel="bookmark">Tickets online</a></h1>


    <div class="entry-meta"></div><!-- .entry-meta -->
            
</header><!-- .entry-header -->

In der Datei content.php steht da natürlich PHP-Code anstelle des Inhalts von title, aber ich hoffe, der Unterschied wird deutlich.

Hast du den Quelltext zufällig in einer externen Editor-Software bearbeitet? Die machen manchmal so komische Sachen… ;)

Moin,

dieses Thema, d. h. Verringerung bzw. Angleichung des Abstands der Überschrift zur Menüzeile interessiert mich auch ...

Zitat von glueckpress

Abstände lassen sich grundsätzlich mittels CSS anpassen, also in der Datei style.css des aktiven Theme.

... ich benutze ebenfalls Twenty Eleven + Child-Theme, finde aber allein meist nicht (sofort) die richtigen Stellen in der style.css - kannst Du einen Tipp geben, wo der Wert für den Abstand eingestellt/angepasst werden kann?

Gruß+Dank

Ich nehme mal diese Seite in deinem testblog als Beispiel. Das HTML sieht etwa so aus:

<article id="post-8" class="post-8 page type-page status-publish hentry">
    <header class="entry-header">
        <h1 class="entry-title">Testseite 1</h1>
    </header><!-- .entry-header -->

Es stehen also sowohl eine ID für diese spezielle Seite, als auch die Klasse "page", die bei allen Seiten angewendet wird, zur Verfügung.
("Seite" meint hier: der Inhaltstyp "Seite", den du im Admin-Menü unter "Seiten" findest; im Gegensatz dazu wäre z.B. eine Auflistung der Artikel einer bestimmten Kategorie keine "Seite" in diesem Sinne.)

Um auf dieser speziellen Seite den Abstand des ganzen headers vom oberen Artikelrand z.B. auf 20px zu setzen, kannst du in die style.css deines Child-Themes folgendes einfügen:

#post-8 .entry-header {
    margin-top: 20px;
}

Soll die Änderung nicht nur für diese spezielle Seite, sondern für alle Seiten gelten, geht das so:

.page .entry-header {
    margin-top: 20px;
}

Soll es für alle Artikel, aber nicht für Seiten gelten:

.hentry .entry-header {
    margin-top: 20px;
}
.page .entry-header {
    margin-top: 0px;
}

Falls die Änderung nicht wirksam wird, mal vorsichtig ein !important setzen, z.B.

.page .entry-header {
    margin-top: 20px !important;
}

Moin,

vielen Dank für Deine ausführliche Erklärung ... so

Zitat von glueckpress

Ich nehme mal diese Seite in deinem testblog als Beispiel. Das HTML sieht etwa so aus:

HTML

<article id="post-8" class="post-8 page type-page status-publish hentry">
    <header class="entry-header">
        <h1 class="entry-title">Testseite 1</h1>
    </header><!-- .entry-header -->

... ich alles gefunden bzw. prima nachvollziehen können.

Leider bleibt das Einfügen von

.page .entry-header {
    margin-top: 20px;
}

oder

.page .entry-header {
    margin-top: 20px !important;
}

wirkunglos.:roll:

Habe ein paar Werte >20px und <20px ausprobiert und die Seite mehrfach neu geladen, aber der Browser zeigt keine Veränderung der (Unter)Seiten - egal, welche ich aufrufe ...

Hab's ausprobiert. Es war padding-top, nicht margin-top. Mit 100px sieht man den Unterschied besser:

.entry-title {
    padding-top: 100px;
}

Moin,

danke für den Nachtrag ...

Zitat von glueckpress

Hab's ausprobiert. Es war padding-top, nicht margin-top. Mit 100px sieht man den Unterschied besser:

Code

.entry-title {
    padding-top: 100px;
}

... allerdings scheint es da noch einen anderen Parameter zu geben:

Wenn ich z. B.

.entry-title {
    padding-top: 0px;
}

eingebe, dann verschiebt sich die Überschrift der (Unter)Seiten nicht weiter nach oben (hin zur Menüzeile), nur bei dieser Standardseite "Es konnte nichts gefunden werden ... " ist die Überschrift dann knapp unter der Menüzeile ... wo könnte man ggf. noch etwas ändern, um die Überschrift auf allen Seiten dichter bzw. gleich dicht an die Menüzeile heranrücken zu lassen?

Gruß+Dank

...

.entry-title{
    padding-top: 0px !important;
}

Das überschreibt die Regeln, die für dieselbe Klasse weiter hinten im CSS-Dokument noch folgen.

Alternative: Eine Textsuche nach .entry-title und die bereits deklarierten Sonderfälle raus suchen und die dann konkret neu deklarieren, z.B.

.singular .entry-title { /** irgendwas */ }

Wobei das .singular einer CSS-Klasse des body-Elements entspricht, die WordPress auf bestimmten Seiten hinzufügt.

Grundsätzlich gut zu lesen in diesem Zusammenhang:
Mehr über CSS
Mehr über die body_class

Viel Erfolg!

Moin,

Zitat von glueckpress

CSS

.entry-title{
    padding-top: 0px !important;
}

Das überschreibt die Regeln, die für dieselbe Klasse weiter hinten im CSS-Dokument noch folgen.

das

!important

ändert in diesem Falle leider nichts ...

Zitat von glueckpress

...Alternative: Eine Textsuche nach .entry-title und die bereits deklarierten Sonderfälle raus suchen und die dann konkret neu deklarieren, z.B.

Code

.singular .entry-title { /** irgendwas */ }

Wobei das .singular einer CSS-Klasse des body-Elements entspricht, die WordPress auf bestimmten Seiten hinzufügt.

... werde ich alles ausprobieren ...

Zitat von glueckpress

...
Grundsätzlich gut zu lesen in diesem Zusammenhang:
[COLOR=#0000ff]Mehr über CSS[/COLOR]
[COLOR=#0000ff]Mehr über die body_class[/COLOR]

Viel Erfolg!

... Vielen Dank für die Unterstützung und die Hilfe zur Selbsthilfe ... :lol:

... für die, die auch noch nach der Möglichkeit zur Verringerung des Abstandes zwischen Menüzeile und Überschrift suchen gibt es hier eine Lösung: http://forum.wordpress-deutschland.org/design/90859-t…berschrift.html