Brauche Hilfe bei Accelerate Free CSS Codes für Hintergrundfarben und Schriften

  • Hi, ich habe offline im localhost eine Seite mit dem Accelerate Free Theme erstellt und benötige jetzt Hilfe bei den CSS-Codes. Im Customizer kann man bei dem Theme zusätzliche eigene CSS Codes einfügen.

    Ich möchte die Hintergrundfarben vom Header, Footer und Background ändern, auch von den Widgets, wenn möglich, außerdem einige Schriftarten, Schriftgrößen und Schriftfarben einstellen können, den Titel und Untertitel der Webseite, die Menuebeschriftungen, im Footer die Texte in den Widgets Audio und Video.

    Bei den Hintergrundfarben interessiert mich vor allem der Header Hintergrund, der allgemeine Hintergrund, der Hintergrund von Text-Widgets auf verschiedenen Unterseiten und der Startseite sowie der Hintergrund der Footerleiste sowie der Menueleiste mit den Untermenues.

    Die allgemeine Hintergrundfarbe kann man eigentlich im Customizer ändern, habe ich auch von weiß auf hellgelb, aber das hatte nur die Auswirkungen, dass der Hintergrund auf der Startseite (Buisness-Template) immer noch weiß ist und auf den anderen Seiten (Standard-Template) nur unten unter dem Footer eine hellgelber Rand ist, der Rest auch weiß. Interessanterweise wird der Hintergrund kurz ganz hellgelb, wenn ich im Customizer zwischen den einzelnen Menueseiten umschalte, aber sobald die neue Seite geladen ist, ist wieder alles weiß.

    Wäre toll, wenn mir jemand helfen könnte, am wichtigsten sind die ganzen Hintergrundfarben, vielen Dank im Voraus!

    • 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

  • Grundsätzlich sollte folgendes vieles deiner Hintergrundfarbwünsche abdecken. Die Farben nach eigenem Geschmack ;) meine sind nur zur Demo...

    Zum selbst finden der Classes ein Video ;)

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    Und über den richtigen Selektor dann die Schriften (woher kommen die Fonts? - Einbindung der Fonts. ....... DSGVO).
    Z.B.:

    Code
    /*Font-Hauptmenu*/
    .main-navigation li {
        font-family: Comic Sans MS;
    }

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

    Einmal editiert, zuletzt von SEpp55 (9. September 2018 um 08:38)

  • Vielen vielen Dank, dass hat mir sehr geholfen!! Durch das Video konnte ich alle Änderungen machen, super. Nur wenn ich ein Bild als Headerhintergund einfügen möchte, klappt das noch nicht, vielleicht noch einen Tipp dazu? Dass habe ich versucht:
    #header-text-nav-container{background-image: src=bildadresse;}
    Vielen Dank und beste Grüße

Jetzt mitmachen!

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