Theme-Farbanpassungen händisch vornehmen

Schöner Frühling

Guten Morgen,

ich bin neu hier und bei meiner Suche noch nicht fündig geworden, ob es evtl. schon Antworten auf meine Frage gibt. Falls ja, freue ich mich über einen Link, und falls nein, über sachdienliche Hinweise. :-) Danke schonmal!

Ich habe das Theme Mesmerize, das es ja als Basis- und als Pro Version gibt. In der Basisversion kann man im Customizer leider nicht die komplette Farbgebung steuern. Ich möchte aber gerne die Farben folgender Elemente anpassen, ohne Pro zu kaufen:

- call to action Buttons auf der Startseite
- Unterstreichungen der Links im Hauptmenü
- Font Awsome Icons

Hat jemand eine Idee, wo ich dazu im Dateisystem suchen muss? Sind solche Stellschrauben generell in jedem Theme individuell angebracht oder gibt es eine übergreifende Struktur, die schnell zum Ziel führt?

Nochmals Dank & allen einen schönen Samstag
Björn

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

könnte vermutlich über CSS machbar sein, dafür bräuchten wir aber einen Link zu deinem Blog.

Schöner Frühling

Danke für Deine schnelle Hilfsbereitschaft!
Da der Inhalt meines Blogs noch nicht vorzeigbar ist, habe ich hier eine Testumgebung eingerichtet:

https://test.kungfupapa.de/ (da könnte ich falls zweckdienlich auch die temporären Login-Daten bekannt geben)

Auf diesem Bild ist zu sehen, welche Bereiche ich farblich anpassen möchte:

[Blockierte Grafik: https://test.kungfupapa.de/img/screenshot.png]

Lieben Gruß!

Sailor56

Zum testen und spielen:

HTML

/*Unterstrich Link Hauptmenü*/
.coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a {
  border-bottom: 3px solid #000;
}


/*Hintergrundfarbe Button*/
.button.color1 {
  background-color: #888;
  border-color: #f00;
}


/*Hintergrundfarbe Icons*/
i.fa.icon.reverse.color1 {
  background-color: #888;
}

Alles anzeigen

Den CSS Code in das 'zusätzliche CSS' im Customizer eintragen und die Farbwerte nach Belieben anpassen.

Nachtrag:
Das für die Icons im Fußbereich:

HTML

/*Icons (und Rand) im Fußbereich*/
i.fa.icon.bordered.color2 {
  border-color: #000;
}
i.fa.color2 {
  color: #0f0;
}

Schöner Frühling

Hey, cool - großes Kino!
Verrätst Du mir bitte als letztes noch, wie ich an den genannten Stellen die Text- bzw. Zeichenfarben anpassen kann? Insbesondere das Orange von "Flexible Code" muss da weg :-)

Schönen Abend

Sailor56

Versuche mal diesen CSS Code

HTML

/*Schriftfarbe 'Flex Code'*/
.row h5 {
  color: #000;
}


/*Schriftfarbe Buttons*/
.button.color1 {
  color: #000;
}


/*Schriftfarbe Menülinks*/
ul.dropdown-menu li a {
  color: #f00;
}

Alles anzeigen

Bitte nach den Änderungen prüfen, ob dadurch an anderen Stellen unerwünschte Nebeneffekte auftreten?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme-Farbanpassungen händisch vornehmen

Jetzt mitmachen!