Support » Themes » 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!

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • … am wichtigsten sind die ganzen Hintergrundfarben …

    Du bekommst das Theme kostenlos zur Verfügung gestellt und kannst es bearbeiten, wie du magst. Dafür benötigst du aber Grundkenntnisse in PHP, CSS, ggf. auch JavaScript, die wir dir hier nicht vermitteln können. Wir möchten dir hier gerne Hilfe zur Selbsthilfe anbieten, erstellen aber nicht auf Zuruf CSS-Regeln; das würde sonst den zeitlichen Rahmen für einen freiwilligen Support sprengen.

    Welcher Selektor gewählt werden muss, um Elemente der dargestellten Webseite zu ändern, erfährst du am einfachsten über die Entwicklertools deines Browsers: Rechtsklick auf das Element (z.B. einen bestimmten Hintergrund, eine Überschrift, …) > (Element) untersuchen > Tab Inspektor. Wie du damit umgehst, wird z.B. hier beschrieben: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector

    Achte bei Cascading Stylesheets darauf, dass spezifischere Regeln, allgemeine Regeln überschreiben.

    p { color:blue; } wird von p.important { color: red; } und
    .someclass { margin: 10px; } wird von .anotherclass .someclass { margin: 20px; } überschrieben, was vermutlich der Grund ist, wieso deine eingegebenen Regeln nicht funktionieren wie gewünscht. Da deine Website nicht öffentlich zugänglich ist, können wir das aber hier nur vermuten und nicht wirklich beurteilen.

    Eine gute Einführung in CSS findest du beim Mozilla Developer Network.

    Thread-Starter towolf

    (@towolf)

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

    Bei Fragen rund zu CSS bist du in einem CSS-Forum besser aufgehoben. Hier im WordPress-Supportforum helfen wir dir gerne bei Anwendungsfragen zu WordPress weiter. Bei Fragen zur Entwicklung von (Child) Themes und Plugins setzen wir aber Grundkenntnisse in PHP, HTML, CSS und JavaScript voraus.

    Die korrekte CSS-Regel lautet

    #header-text-nav-container {
        background-image: url('https://adress.zu/deinem/bild.png');
    }
    Thread-Starter towolf

    (@towolf)

    Alles klar, jetzt hab ich es auch begriffen was hier im Forum Thema ist! Danke!!!

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Accelerate Free CSS Codes für Hintergrundfarben und Schriften“ ist für neue Antworten geschlossen.