Lücke zwischen Header und Content

nun die Höhe kannst du schon mal ändern von 207px auf 200px, die Headergrafik hat nur 200px

dann bei

#header {
    padding-bottom: 2.2em;
    padding-top: 2.2em;




}

das "padding-bottom: 2.2em;" entfernen

wenn das noch nicht reicht, bei content oder page schauen ob ein padding-top oder margin-top vorhanden ist und dies auch entfernen

Moin,

Abstände werden normal in der style.css definiert.
Prüfe am Besten mit Firebug (deutsches Tut dazu) welche Anweisungen für was zuständig sind.
Hast du einen CSS-Prolog:

*  {
    padding:0;
    margin:0;
}

ganz oben in der style.css definiert?

Ein Link zur Problemsite wären hilfreich. ;-)

Zitat von Art of Pic

dann bei

Code

#header {
    padding-bottom: 2.2em;
    padding-top: 2.2em;
}

das "padding-bottom: 2.2em;" entfernen

Das musst du sowohl in der style.css, als auch in der layout.css entfernen. Da hat der Theme-Entwickler Mist gebaut!

layout.css (hier mal ein größerer Ausschnitt)

#commentform {
    padding-left: 2.2em;
    padding-right: 2.2em;
}
.comments_closed, .login_alert {
    margin-left: 2.2em;
    margin-right: 2.2em;
}
body {
    font-family: Verdana,sans-serif;
}
#header {
    [COLOR=Red]padding-bottom: 2.2em;[/COLOR]
    padding-top: 2.2em;
}
.post_box {
    padding-top: 2.2em;
}
.headline_area {
    margin-bottom: 2.2em;
}
.teasers_box {
    padding-bottom: 2.2em;
    padding-top: 2.2em;
}

und wie der restliche Abstand weg geht, hab ich oben ja auch geschrieben

einfach die richtige Höhe eintragen, also 200px statt 207px bei

.custom #header { border-bottom:none;
height:[COLOR=Red]207px[/COLOR];
padding-top:0;
margin-left:-11px;

in der [COLOR=Red]layout[/COLOR].css (custom-Ordner)

http://www.parfum-palais.de/wp-content/themes/thesis_18/custom/layout.css?

kommt gleich nach

/*---:[ content elements ]:---*/

dort anpassen und das nun doppelte(was du eingefügt hast) wieder entfernen

Hallo,

habe beim infinite theme das selbe problem das eine lücke zwischen header und content ist die ich einfach nicht wegbekomme. Beim Editor kann ich alles einfügen und es passt alles außer wenn ich ein widget einfüge dann haut er oben ne lücke raus (siehe link). könnt ihr mir das weiterhelfen?

https://ffw-vettelschoss.de/sart/

Es ist NICHT gut, sich an einen 11 Jahre alten Beitrag anzuhängen!!!

Dein Slider hat da seine Steuerungspfeile, aber weiß auf weiß ist schlecht zu sehen :rolleyes:;)
Ich habe temporär den Hintergrund mal rot eingestellt, siehe Bild. Zusätzlich ist noch ein margin-bottom mit 40 px aktiv (gelber Streifen).
Versuche das mal über deinem Pagebuilder das einzustellen.

Sollte der Pagebuilder nichts hergeben sind das wenige Zeilen CSS.

.gdlr-core-block-item-title-nav {
    margin-bottom: 0;
    background-color: red;
}

Das wäre dann im Customizer unter Zusätzliches CSS.

sorry meinte oben an der navigationsleiste den abschnitt den ich markiert habe, bei anderen seiten ist es nicht

Über und unter dem Slider ist jeweils ein leerer <p></p> Tag, der die Abstände verursacht. Das kommt wieder von deinem Pagebuilder.

Okay ich nutze dort vom theme den pagebuilder da ich da ein style von denen haben wollte. Mache ich es über den normalen von wp mit nem shortcode dem slider (wie auf der Startseite) ist es so wie ich es haben möchte. Wo kann ich das entfernen mit dem Absatz, habe alles durchgeschaut und probiert aber leider nicht gefunden... Danke für die Hilfe :)

hier ein bild von den wrapper einstellungen, am slider widget kann ich leider nichts einstellen außer den abstand nach unten...

Versuche mal, über den Customizer in den Zusätzlichen CSS nachfolgenden Code einzufügen:

.gdlr-core-page-builder-body p {
  display: none;
}

Ob das irgend welche unerwünschten Nebenwirkungen hat mußt du selbst prüfen ;)

hm hat geklappt aber der slider zeigt nicht mehr alles an o_O

Nunja, das sind auch <p>-Tags - leider ....:confused:
Also wieder löschen!

Ein Versuch noch. Der Slider wird in einem WidgetContainer "gdlr-core-pbf-wrapper-container ........" dargestellt, in dem im Block 31 der Slider steckt. Dort ist vor und nach den Slider der ominöse <p> Tag vorhanden. Ist dort vielleicht eine Leerzeile oder Zeilenvorschob drinnen. WpórdPress macht im Eigenen BlockEditor, im Text, nach jedem "Enter" einen neuen <p> Tag auf. Oder es wird von Pagebuilder der <p> Tag eingefügt .....

Die nicht schöne Variante, den Slider mit margin-top: -20px hochziehen ....

Da ich weder dein Theme noch deinen Pagebuilder habe, weil diese Kostenpflichtig sind, kann sonst ich nicht mehr viel weiter helfen.

oder gibt es noch ne andere option wie ich den slider einbinden kann? hab es als widget gemacht aber vielleicht gibt es ja noch ne option...

habe den mal aus dem wrapper rausgeholt aber trotzdem das selbe problem. komischerweise funktioniert es mit allen anderen sachen außer mit dem widget