Header für eine Seite verkleinern

rafael_

Hallo,

habe des Theme Chosen und würde gerne für eine Seite den Header verkleinern, also nur die Höhe.

Code

[COLOR=#000000][FONT=Monaco].site-header {[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  text-align: center;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  background-size: contain;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  background-repeat: no-repeat;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  position: relative;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  top: 0px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  left: 0px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  padding: 0px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  margin: 0px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  min-height: 100%;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  min-width: 100%;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]/*  width: 100%;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  height: auto; */[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  width: auto;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  height: 610px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  overflow: hidden;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]}
[/FONT][/COLOR]

Alles anzeigen

[COLOR=#000000][FONT=Monaco]
Geht das evtl. irgendwie mit
[/FONT][/COLOR]

Code

[COLOR=#000000][FONT=Monaco]if( is_page('datenschutz') || is_page('impressum') || in_category('glossar') || in_category('allgemein') || is_front_page())[/FONT][/COLOR]

[FONT=Monaco][COLOR=#000000]oder ähnlichem Code, dass ich eine Seite bzw. diese Seiten abfrage und das in der style.css einfügen kann?
[/COLOR][/FONT]

Werbepost

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)

Mehr erfahren

maxe

Jede Seite bekommt im body eine eigene CSS Class, die kannst du dafür nutzen.

rafael_

Sowas meinst du oder?
https://code.tutsplus.com/de/tutorials/a…ress--cms-21077

SirEctor

Wenn ein Theme richtig programmiert wurde, bekommt es bereits body-classes in Form von page-id-123 o. ä.. Mit dieser Class kannst du per CSS auch nur diese Seite ansprechen. Du brauchst also keine eigenen Klassen definieren.

rafael_

Ich muss das dann <div id="page-id-xx"> noch in der Header angeben oder?
Bei einer statischen Startseite muss ich dann front-page angeben oder auch per ID?

rafael_

Ich habe es jetzt so gemacht:

Code

[COLOR=#000000][FONT=Monaco].page-id-276[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco] {[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  text-align: center;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  background-size: contain;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  background-repeat: no-repeat;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  position: relative;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  top: 0px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  left: 0px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  padding: 0px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  margin: 0px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  min-height: 100%;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  min-width: 100%;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  width: auto;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  height: 610px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]  overflow: hidden;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]}[/FONT][/COLOR]

Alles anzeigen

Wenn ich jetzt

PHP

[COLOR=#3E3E3E]<div id="page-id-276"> 
[/COLOR][COLOR=#000000][FONT=Monaco]<?php if( is_page('datenschutz') || is_page('impressum') || in_category('glossar') || in_category('allgemein') || is_front_page())[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]{[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]    echo '<img src="wp-content/themes/chosen-child/images/Prozesslandkarte/Mainpage_final.png" usemap="#map1"/>';[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]}?>[/FONT][/COLOR]
[COLOR=#3E3E3E]</div>
[/COLOR]

in der header.php einfüge wird nur das Bild kleiner gemacht und nicht der header an sich.

danielgoehr

Ich glaube, du hast es falsch verstanden. In Wordpress hat das Body-Tag bestimmte Klassen, über die sich Seiten, Beiträge, etc. gezielt in CSS ansprechen lassen.

Dafür brauchst du gar kein PHP.

Schau mal hier, vielleicht wird es damit deutlicher:
http://www.tipps.1st-tec.de/wordpress/39-w…-wordpress.html

rafael_

Ja habe es falsch verstanden :)
Kann ich dort auf einen anderen Wert zugreifen? Z.B. auf den Wert height von .site-header? Also bsp.

Code

[COLOR=#000000][FONT=Monaco].page-id-276[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco] {[/FONT][/COLOR]
   ...
[COLOR=#000000][FONT=Monaco]  .site-header-height: 610px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Monaco]}[/FONT][/COLOR]

Weil ich würde gerne die Header Höhe für diese eine Seite verändern, wenn ich jedoch über die Page-ID height ändere, gilt das für die ganze Seite.

maxe

.page-id-276 .site-header{
height: 610px;
}

danielgoehr

Zitat von maxe

.page-id-276 .site-header{
height: 610px;
}

Ergänzung zu maxes (korrekter) Antwort, würde ich empfehlen, dir ein paar CSS Grundlagen anzuschauen:
https://developer.mozilla.org/de/docs/Web/Gu…rted/Selektoren

rafael_

Vielen Dank :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header für eine Seite verkleinern

Jetzt mitmachen!