Ondersteuning » Thema en CSS/opmaak » menu kleur veranderen wanneer cursor er overheen gaat

  • Opgelost gerwin1973

    (@gerwin1973)


    Binnen het huidige kleurenspectrum wordt mijn menu, wanneer je er met de cursor overheen gaat, wit. Aangezien de achtergrond ook wit is, verdwijnt de tekst dus. Hoe kan ik deze kleur (via extra CSS) aanpassen?:

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

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Guido

    (@guido07111975)

    Hoi,

    Ik heb je thema Powerclub Lite net even geïnstalleerd. Heb jij de “Color Scheme” in de Customizer op wit gezet toevallig?

    Guido

    Thread starter gerwin1973

    (@gerwin1973)

    Sorry voor mijn trage reactie, was even een paar dagen er tussenuit.

    Deze staat inderdaad op wit, maar dat was ook de bedoeling. De hover kleur staat gekoppeld aan de theme color, welke hetzelfde is als de achtergrondkleur van de bovenste balk. Ik was benieuwd of je deze twee kleuren van elkaar kan scheiden (dus achtergrond die wit blijft en menu die wel van kleur verandert.

    Guido

    (@guido07111975)

    Hoi,

    De PRO versie vh thema schijnt meer kleur opties te hebben. Als je die niet wilt, probeer dit eens via pagina Extra CSS in de Customizer:

    .sitenav ul li a:hover {color:#333 !important;}
    .sitenav ul li.current_page_item a {color:#333 !important;}
    
    

    Pas de kleur naar wens aan. De 2e regel is de item-kleur van de huidige pagina.

    Guido

    Thread starter gerwin1973

    (@gerwin1973)

    Thanks! met de extra CSS is het opgelost!

    Guido

    (@guido07111975)

    Mooi zo!

    Viel me wel op dat je menu rechts uitgelijnd is, terwijl je de site titel en tagline verborgen hebt met:

    .logo h1, .logo p {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute;

    Heb je een bepaalde reden om het zo te doen? Sowieso duwt de wrapper die om de site titel en tagline heen zit ( class="logo" ) het menu naar beneden, door de padding hiervan.

    Guido

    Guido

    (@guido07111975)

    Ik zie het al, dit ligt aan de CSS van het thema zelf. Je hebt site titel en tagline verborgen via de thema instellingen. Doordat je menu vrij breed is wordt hij onder de logo wrapper geduwd. Het gevolg is vrij veel witruimte boven je menu.

    Guido

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