Template Design farblich anpassen

  • Da ich programiertechnisch keine Ahnung habe, frage ich lieber Euch Experte in der Runde:

    Ich möchte auf der Vereinsseite den häßlichen schwarzen Hintergrund in der Menüleiste ändern. Wer kann mir sagen, wo genau ich den Farbcode setzen muss?

    Vielen Dank im Voraus!

    Bleibt alle schön gesund.
    Viele Grüße aus dem Harz von Frank alias doxter! ;)

    • 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

  • Also gebe ich den Befehl im style.css des angelegten Child Theme ein, richtig?

    Bleibt alle schön gesund.
    Viele Grüße aus dem Harz von Frank alias doxter! ;)

  • Wenn es keine Einstellungsmöglichkeit vom Theme selbst gibt ja.
    ggfs. müsste noch ein !important hinter dem Farbcode dann geschrieben werden z.B.:

    .nav-primary {
    background-color: #0040FF !important;
    }

    Wäre jetzt in dem Fall ein Blau

  • Ich habe den Eintrag direkt im Customizer hinterlegt und es hat geklappt,

    vielen Dank!!

    Bleibt alle schön gesund.
    Viele Grüße aus dem Harz von Frank alias doxter! ;)

  • Da es mit der ersten Anpassung so klasse geklappt hat, würde mich mal interessieren, ob man bei dem von mir benutzten Theme auch die Seitenleiste etwas vom Seiteninalt und umgekehrt farblich absetzen kann? Dieses wäre eine bessere Anschauung.

    Vielen Dank im Voraus!

    Bleibt alle schön gesund.
    Viele Grüße aus dem Harz von Frank alias doxter! ;)

  • Versuche mal nachfolgendes im Customizer unter Zusätzliche CSS einzufügen:

    Code
    /*Sidebar Hintergrund grau*/
    .sidebar-primary {
        background-color: #e1e1e1;
    }

    Wenns nicht klappt, schalte mal temporär den Maintenance-Modus aus. Dann kann man sich das ansehen .....

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

  • Versuche mal nachfolgendes im Customizer unter Zusätzliche CSS einzufügen:

    Code
    /*Sidebar Hintergrund grau*/
    .sidebar-primary {
        background-color: #e1e1e1;
    }

    Wenns nicht klappt, schalte mal temporär den Maintenance-Modus aus. Dann kann man sich das ansehen .....

    Nach der Eingabe des Codes erscheint die folgende Meldung:

    • Es gibt 2 Fehler, die korrigiert werden müssen, bevor du speichern kannst.
      Aktualisieren, obwohl die korrekte Funktion deiner Website beeinträchtigt werden könnte?


    Ich habe maintenance nun ausgeschaltet.

    *Edit
    Mein Fehler! Ich habe "Code" mit kopiert, nun klappt es!

    Was könnte ich am Design noch verbessern?

    Bleibt alle schön gesund.
    Viele Grüße aus dem Harz von Frank alias doxter! ;)

  • Versuche mal nachfolgendes im Customizer unter Zusätzliche CSS einzufügen:

    Code
    /*Sidebar Hintergrund grau*/
    .sidebar-primary {
        background-color: #e1e1e1;
    }

    Wenns nicht klappt, schalte mal temporär den Maintenance-Modus aus. Dann kann man sich das ansehen .....

    @SEpp55
    du hast mir berets gut weiter helfen können. Nun möchte ich aber auch den Hintergrund des Sekundär-Menüs der Webseite farblich ändern. Könntest Du mir vielleicht den entspr. css Synthax geben?

    Diese Frage richte ich natürlich auch an die ges. Communtity.

    Bleibt alle schön gesund.
    Viele Grüße aus dem Harz von Frank alias doxter! ;)

  • Da dein Link, auf eine Baustelle hindeutet, die neu gestaltet werden soll, kann man sich das nicht ansehen ;)
    Sollte das anzusehen sein, kannst du ja wieder einen Aufruf zur Hilfe absetzen.
    Vielleicht hilft dir aber auch dieser Link!

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

  • Sorry ich würde dann zum Sichten natürlich die Seite freigeben. Danke für den Link. Dieser ist schon gut erklärt, trotzdem bekomme ich das mit der Hintergrund Farbe nicht hin. Das mit dem Secundär Menü habe ich hinbekommen. Bei dem HG der Box unter dem Slider stelle ich mich quer. Sorry ich habe mir alles selber beigebracht und kein einblick in programier kenntnisse.

    Ich öffne nun die Webseite und hoffe auf erneute Unterstützung.

    Bleibt alle schön gesund.
    Viele Grüße aus dem Harz von Frank alias doxter! ;)

  • Wenn du die Message-Box mit "Seit 1990 ...." meinst -
    versuche nachfolgenden Code in die Zusätzlichen CSS des Customizers einzufügen!

    Code
    #promotion-message {
        background-color: #fb7171;
    }

    Farbcode nach eigene Vorstellungen ;-)

    Ggf auch der Buttom rechts -

    Code
    #promotion-message .right .promotion-button {
        background-color: #f91818;
        border: 2px solid #e0f416;
        color: #e0f416;
    }

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

  • Super, genau das meinte ich und anhand solcher Hilfen kann ich mich an die Informationen im Video verständlicher herantasten.

    Vielen Dank erneut und sorry für das ewige Nerven.

    Bleibt alle schön gesund.
    Viele Grüße aus dem Harz von Frank alias doxter! ;)

Jetzt mitmachen!

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