Grundsätzliches zu CSS bei Wordpress

diwell71 · 1. November 2018

Hallo ihr Lieben...

Ich habe mich hier grad einmal in diesem Forum angemeldet, weil ich mit meinem autodidaktischem Lernen (ohne ausreichende Englisch-Kenntnisse) im Augenblick nicht weiter komme. Worum es geht: Viele Plugins müssen ja dann doch oft mit CSS angepasst werden, weil sie meistens nicht wirklich stimmig in das Gesamtdesign passen. Dabei gibt es bei Themes (Bezahl- Themes wie Avada, X-Theme ) oft das Problem, das man die eigentliche Bezeichnung der Elemente , also den Selector,nicht kennt. Manche Bezeichnungen kann man zwar mit den Chrome-Entwicklertools herausbekommen, aber oft suche ich mich "dumm und dämlich". Daher zu dieser Problematik einmal 2 Fragen:

1. Grundsätzliche Frage: Gibt es bessere Workflows als das Suchen in den Chrome-Entwicklertools (z.B. brauchbare Plugins oder eine Software, Webseiten oder Dokumentationen- gerne auch Pay) die mir dabei helfen kann, die richtigen Bezeichnungen zu finden und den Code zu testen? Wie macht ihr das? Habt ihr Buchempfehlungen, Webseiten, Lernmaterial welches da wirklich weiter hilft?

2. Frage zu einem konkreten Problem: Die Hintergrundfarbe des Blog-Beitrages (weiss und in den Theme-Einstellungen - x-theme- nicht beeinflussbar), wird die vom Theme- CSS festgelegt oder ist das ein Wordpress-CSS?
Ich kann da in den Entwicklertools nämlich überhaupt keine Farbangabe für den Hintergrund finden...Wie kann ich also den entsprechenden Selector herausfinden?

Vielen, vielen Dank schon einmal im Vorraus...

Grüsse aus der Schweiz,
D.Wellmitz

SirEctor · 1. November 2018

Zu 1: fange mit den Grundlagen von HTML an und danach schau dir die CSS-Grundlagen an. Du musst lernen was eine Class ist, was IDs sind und wie man diese per CSS anspricht. Das sind alles Grundlagen. Mit diesem Wissen kannst du dann schon viel selber machen. Ansonsten gibt es ja das Forum hier

Zu 2: ein WordPress-CSS, welches Themes beeinflusst gibt es nicht. Das kommt immer von den Themes bzw. den Plugins selber. Oftmal können sich aber Plugins und Themes untereinander stören. Wenn du uns einen Link gibst, können wir schauen, wo das Weiss her kommt.

SEpp55 · 1. November 2018

Also ohne Link kann man da nur auf einem Demo des Anbieters nachforschen.
Hier ist es so, dass der Bereich unter dem Hauptmenü die background-color von

.home {
background-color: #fff;
}

angezeigt wird, weil der darüberliegende Container "x-content-band-1" die background-color auf transparent eingestellt hat

Der Bereich "#x-content-band-2" darunter, mit INTEGRITY hat ein

background-image: url(//theme.co/media/x-bg-grid-noise.png);

Ich habe das mal ausgeschalten!

Einheitlicher Hintergrund mit wenigen Zeilen in den Zusätzlichen CSS!! (soweit im DEMO)!

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Mein Workflow - suchen!

diwell71 · 1. November 2018

Uiiii, ihr seid aber schnell... ja ich muss mich wohl wirklich intensiver damit auseinandersetzen. Es ist dann eben doch nicht so, das man so eine Seite einfach nur zu zusammenklicken kann. Also wenn ihr mir dazu etwas sagen könntet:

www.test-sicht-bar.ch

Es geht um den Hintergrund der Beitragsseite(n). Den möchte ich natürlich auch in dunkel mit heller Schrift haben, oder mit dem gleichen Background-Bild. Aber ich finde den Selector einfach nicht.

b3317133 · 1. November 2018

Der Selector heisst .x-container.main::before - siehe auch Anhang (Screenshot Firefox Inspector).

WPDE.org

Grundsätzliches zu CSS bei Wordpress

diwell71 New Member

SirEctor Well-Known Member
Ehrenmitglied

SEpp55 Well-Known Member

diwell71 New Member

b3317133 Well-Known Member

Anhänge:

hintergrundfarbe-beitrag.png

Nützliche Suchen

Grundsätzliches zu CSS bei Wordpress

diwell71 New Member

SirEctor Well-Known Member Ehrenmitglied

SEpp55 Well-Known Member

diwell71 New Member

b3317133 Well-Known Member

Anhänge:

hintergrundfarbe-beitrag.png

SirEctor Well-Known Member
Ehrenmitglied