MAKE – Theme : unterschiedliche Hintergrundbilder

[Seiml]

Hallo!

nach langem Suche durch den Theme-Dschungel bin ich auf das Make-Theme gestoßen. Es bietet wirklich enorm viel mehr Einstellmöglichkeiten als alles andere was ich bisher gesehen habe.

Hier einige Links zu MAKE:
https://thethemefoundry.com/wordpress-themes/make/
https://thethemefoundry.com/docs/make-docs/
https://de.wordpress.org/themes/make/

Mein Problem ist gerade:
Ich schaffs nicht auf verschiedenen Seiten auch verschiedene Hintergründe anzulegen.

Mein Entwurf sieht so aus:
Ich möchte eine statische Startseite mit einem Vollbild als Hintergrund. Das Bild soll also den kompletten Bildschirm ausfüllen. (Kopf- und Fußzeile sind ausgeschalten bzw. durchsichtig gestellt, so daß man wirklich nur das Vollbild sieht). Das Haupt-Menue befindet sich am oberen Bildschirmrand als reiner Text auf dem Hintergrund (nicht farbig hinterlegt).
Auf weiteren Seiten (Kontakt, Über uns, Blog, …) soll jedoch ein rein weißer Hintergrund angezeigt werden (oder ggf. andere Bilder).

Mit den gegebenen Einstellmöglichkeiten von MAKE hab ich´s bisher noch nicht geschafft das zu realisieren.

Vielleicht weiß jemand eine Möglichkeit das zu realisieren.
Evtl. gibts auch ein Plugin, oder man kann den Code im Childtheme ändern…!?

Freu mich über jeden Tip.

Grüße,

Seiml

[Seiml]

OK – habs inzwischen geschafft. Funktioniert mit dem Plugin „InoPlugs WP-Background Image“

Mein Nächstes Problem:

Jetzt müßte ich auf bestimmten Seiten individuell die Schriftfarbe des Hauptmenüs ändern können, denn diese ist auf der Startseite weiß eingestellt, weil die Startseite ein Bild als Hintergrund hat. Auf weiteren Seiten ist der Hintergrund jetzt weiß – folglich muß die Schrift z.B. schwarz werden.

Wenn jemand ne Lösung hat – würd mich freuen.

[Monika]

schau dir die CSS Klassen von „body“ an,

zb findest du da auf der Startseite die CSS Klasse „home“
stellst du diese Klasse hier voran
zb so

.home  .site-navigation .menu li a,
.home .site-navigation .nav-menu li a {
	etc, etc etc etc
}

dann gilt diese Deklaration nur auf der Startseite

das macht man in einem ChildTheme oder in einer custom.css

hilft das weiter?

[Seiml]

Hallo Monika!

Vielen Dank! Bin schon ewig auf der Suche ohne ne Lösung zu finden.

Ja, Dein Tip würde sicher gut weiterhelfen. Leider kenn ich mich noch viel zu wenig aus. Hab leider noch nie etwas programmiert (außer einige Sachen in „Q-Basic“ in den 90ern). Könntest Du das ganze noch etwas ausführlicher beschreiben.

Wo finde ich die CSS Klassen von „body“?
Ein Childtheme hab ich bereits angelegt. Wie geh ich da jetzt weiter vor?

Ich würds auch echt gerne lernen daß ich nicht für jede Kleinigkeit ein Plugin brauche. Möchte Plugins eh gern weitgehend vermeiden.

Wär Super wenn Du mir weiter helfen könntes.

Grüße,

Seiml

[Seiml]

Ok – bin ein bisschen weiter gekommen.
In meiner style.css des Child-themes hab ich mal folgendes eingefügt:

.home .site-navigation .menu,
.home .site-navigation .nav-menu {
text-align: left;
color: #FF0000;
}

Das Ergebnis:

Das Hauptmenue ist jetzt links ausgerichtet (statt zentriert wie eigentlich eingestellt). Das is zwar nicht gewünscht, aber ich wollt mal ausprobieren obs funktionieren würde. Es klappt.

Die Schriftfarbe ändert sich jedoch nicht.

Was mach ich da falsch? Oder kanns sein daß die Schriftfarbe noch anderswo definiert ist und diese Definition priorität hat???

[Torsten Landsiedel]

Oder kanns sein daß die Schriftfarbe noch anderswo definiert ist und diese Definition priorität hat???

Ja, kann sein. Kannst du uns den Link zur Site geben? Dann können wir besser helfen.

Gruß, Torsten

[Seiml]

Die Seite is noch nicht online. Ich arbeite offline mit einem simulierten Surfer (xampp).

Es handelt sich im Grund um das bisher noch kaum veränderte Make-theme. Die Links sind oben in meinem ersten Post. Vielleicht hilft ein Blick in den Code der Theme-Vorschau?
https://wp-themes.com/make/

Ich hab schon folgendes versucht:
Habe eine ungewöhnliche Schriftfarbe eingestellt und den ganzen Theme-Ordner nach dem Code dieser Farbe durchsucht um herauszufinden wo die Einstellung dieser Farbe abgespeichert ist. Der Code konnte jedoch nirgends gefunden werden.

[Seiml]

Vielleicht kann ich Euch auch irgend ein Skript hochladen das Klarheit in die Sache bringt. Bitte sagt einfach bescheid wenn Ihr etwas spezielles benötigt.

Grüße,

Seiml

[Torsten Landsiedel]

Die Farbe ist an diesem Selektor gesetzt:
.site-navigation .menu li a

Gruß, Torsten

[Seiml]

Super!!! Vielen Dank!
:-)))
Hat geklappt.

Habe im style.css des child-themes folgendes eingefügt:

.home .site-navigation .menu li a {
color: #ffffff; !important;
letter-spacing: 4pt;
}

(jetzt hab ich noch eine Sache die vielleicht etwas aufwendiger ist und bei der ich noch völlig überfragt bin. Dann müßte meine Webseite grob stehen. Der Rest sind glaub ich einfachere Sachen. Ich mache aber nen extra Thread auf. So kann das Thema leichter gefunden werden: https://de.forums.wordpress.org/topic/theme-make-vollbild-startseite-scroll-down-zum-portfolio?replies=2#post-544759 )

grüße,

Seiml