Grundsätzliches zu CSS bei Wordpress

  • 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

    • Anzeige

    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

  • 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.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • 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)!

    CSS
    .home {  background-color: #f9f9b5;}#x-content-band-2 {  background-image: none !important;}

    Mein Workflow - suchen!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • 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:

    http://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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!