Neve Theme

Website Name Typo anpassen

.site-logo h1, .site-logo p {
font-size: 16px;
font-weight: normal;
}

Archive Cover Hover verändern

Hintergrund ist mit diesem Code-Schnipsel nicht mehr ausgegraut. Erst beim drüberfahren mit dem Cursor (:hover) verfärbt er sich.

.cover-post::after {
background-color: rgba(0,0,0,0);
}
.cover-post:hover::after {
background-color: rgba(0, 0, 0,0.2); /* rgba mit Primärer Websitefarbe abstimmen */
top: 70%; /* default (ganze Fläche) -> top: 0; */
}

Startseite mit ausfüllendem Bild

1. Seite anlegen
2. Seite als Startseite festlegen
3. Mit den Neve-Options (blauhinterlegtes N oben rechts) „Seitentitel deativieren“ anwählen
4. Bild via Block-Editor als Cover einfügen, auf „Ausrichtung > Gesamte Breite“ und „Mindesthöhe des Covers > 100vh“ einstellen
5. Code im Customizer > Zusätzliches CSS einfügen:

/* Startseite: bildschirmfüllendes Bild mit Cover-Block (100vh), header und footer Anpassungen */
.home .site-header, .home .site-footer {
	position: fixed;
	width: 100%;
}
.home .site-header {
	top: 0;
	z-index: 1000;
}
.home .site-footer {
	bottom: 0;
	z-index: 1001;
}
.header-main, .footer-main {
	background-color: transparent;
}
.wp-block-cover {
	margin-bottom: 0px;
}