Support » CSS / opmaak vragen » Aanpassen kleur submenu

  • Opgelost pascalscholten

    (@pascalscholten)


    Hallo,

    Als ik met mijn muis over de submenu’s ga krijg ik een andere kleur als de rest van de pagina. Waar kan ik het zo aanpassen dat wanneer ik met de muis op een submenu sta de kleur roze wordt ipv paars ?

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

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hallo,

    Met een stukje CSS kan je die paarse kleur wegkrijgen:

    .colors-custom .main-navigation li li:hover, .colors-custom .main-navigation li li.focus {
        background: #e3007a;
    }

    Plaats dit stukje code in een childthema als je dat al gebruikt of indien niet, gewoon bij Weergave > Customizer > Extra CSS veld onderin.

    Groet,
    Jeroen

    Super dank je dat werkt inderdaad.

    Weet jij misschien ook hoe ik op de home pagina OVER MEES ook die kleur kan krijgen ?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ja.

    .home .colors-custom .page .panel-content .entry-title{
    color:#e3007a;
    }

    Groet,
    Jeroen

    ik heb nu dit in de Extra CCS, maar de kleur blijft paars

    .colors-custom .main-navigation li li:hover, .colors-custom .main-navigation li li.focus {
    background: #e3007a;
    }

    .home .colors-custom .page .panel-content .entry-title{
    color:#e3007a;
    }

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Dat komt wellicht omdat de selector niet specifiek genoeg is…

    .home h2.entry-title{
    color:#e3007a!important;
    }

    Bovenstaand zou zeker moeten werken.

    Groet,
    Jeroen

    dat was hem thnx

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Top! Dan zet ik dit topic als opgelost.

    Groet,
    Jeroen

    pascalscholten

    (@pascalscholten)

    Hallo Jeroen,

    hopelijk kun je mij nog even helpen ?

    er zijn toch nog stukken wat de paarse kleur heeft ipv de roze.
    is dit in een keer op te lossen ? of moet het per plek bekeken worden.

    zoals de tekst INTELLIGENTIE ONDERZOEK bij https://praktijk-mees.nl/intelligentie-onderzoek/ is nog paars

    en de contact formulier ook.

    ergens staat ingevuld dat hij de paarse kleur moet gebruiken. kunnen we die aanpassen ?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Intelligentie onderzoek:

    h1.entry-title {
    color:#e3007a;
    }

    Ja je kunt die nieuwe selector gewoon bij de vorige css bijvoegen met een komma tussen. Deze bovenstaande code is voor iedere h1 op de pagina’s, dus ook ‘contact’ op de contactpagina.

    Voor de labels van het contactformulier kun je dit gebruiken:

    .wpcf7-form label{
    color:#e3007a!important;
    }

    Groet,
    Jeroen

    pascalscholten

    (@pascalscholten)

    het werk dank je wel

    Hallo Jeroen,

    Nog even een vraagje hopelijk kun je mij helpen ?

    Op de home pagina heb ik de foto op volledige breedte van het scherm
    maar op de andere pagina’s zoals deze niet.

    https://praktijk-mees.nl/over-praktijk-stijn/

    Weet jij of die foto ook net als de home groter kan ?

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