Ondersteuning » Thema en CSS/opmaak » achtergrond kleur menubalk

  • Hallo,
    Op de homepagina is de achtergrondkleur van de menubalk anders (zwart) dan op de andere pagina’s. Hier heeft de menubalk de kleur van de Body (beige). Ik wil graag op alle pagina’s een zwarte menubalk. Hoe regel ik dit?
    Ik heb via de Extra CSS de kleur aangepast via de volgende code:

    #site-navigation.main-navigation {
    background: #0000
    }

    De website is destijds gebouwd door een extern bedrijf. Hierbij is gebruik gemaakt van een Thema: GeneratePress Child: style.css

    Ik ben benieuwd of iemand mij hiermee kan helpen.

    Sunny71

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Hoi Sunny,

    Ik zie geen verschil, inmiddels opgelost?

    Ter info, sinds een recente update van het GeneratePress thema kun je nu zelf de kleuren van vrijwel alle elementen instellen via de Customizer. Dus hoef je aangepaste kleuren meestal niet meer aan je child thema toe te voegen.

    Guido

    Thread starter sunny71

    (@sunny71)

    Hoi Guido,

    Bedankt voor je snelle reactie! Het probleem is nog niet opgelost. Maar ik had de body op zwart gezet zodat de menubalk ook weer zwart is op de andere pagina’s. Heb de body nu even op bruin gezet.

    Het probleem is dat als ik via Customizer de kleur van de Body aanpas, hiermee ook de kleur van de menubalk wijzigt. Niet op de Homepagina maar wel op alle andere pagina’s.
    Ik wil de menubalk gewoon zwart houden op alle pagina’s.

    Groet
    Sunny

    https://wordpress.org/plugins/so-css/

    Misschien kan deze plugin helpen? Deze is een soort “WYSIWYG” editor voor CSS.

    Hoi,

    Probleem waar je nu tegenaan loopt is dat de kleuren die je wijzigt via de nieuwe kleuropties in de Customizer weer overschreven worden door de kleuren die ooit in je child thema zijn gezet. Eigenlijk moet je het stylesheet vh child thema bij langs gegaan en daar alle kleuren verwijderen van elementen die je nu ook via de Customizer kunt wijzigen.

    Wat je navigatie betreft, ik zie dat deze onjuiste CSS op pagina Extra CSS van de Customizer staat:

    
    #site-navigation.main-navigation {
        background: #0000
    }
    

    Zwart is #000; of #000000;

    Guido

    Guido

    Thread starter sunny71

    (@sunny71)

    Hallo Guido,

    Bedankt voor je antwoord. De fout zat dus in de zwart-code. Verder zal ik de style sheet bij langs gaan. Nogmaals Bedankt!

    Groet
    Sunny

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)