Ondersteuning » Thema en CSS/opmaak » Subpages Navigation widget actief item andere kleur

  • Goedemiddag allen,
    Dit is mijn eerste post op dit forum, ik ben sinds een paar maanden pas met WordPress actief.
    Voor een menu gebruik ik de Subpages Navigation widget en ik heb het zo ingesteld dat als er op een pagina geklikt wordt de bolletjes van het menu een bepaalde kleur krijgen.

    De code die ik gebruik voor de bolletjes, ik geef een voorbeeld van als er op een specifieke pagina geklikt wordt: body.page-id-8 #olt-subpages-navigation-widget-2 li {text-align:right; background: url("../images/oranje.png") right 2px no-repeat; padding: 0 30px 16px 0;}

    Maar nu wil ik graag het actieve menu item een andere kleur geven maar ik weet niet hoe ik dat aanpak.

    Ik zie met Firebug wel dat een menu item bij selectie een aparte class meekrijgt maar ik weet niet wat de code dan moet worden.
    <li class="subpages-navi-node subpages-navi-level-0 subpages-navi-current-level">

    Alvast bedankt!

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Als je ons laat meekijken is het voor ons een stuk makkelijker om behulpzaam te zijn.

    Zie de algemene regels van dit forum, puntje 11.

    Thread starter Damiaan van Vliet

    (@damnsharp)

    Ja natuurlijk Reanimatie, is inderdaad duidelijker.
    Linkje: http://www.albuswebdesign.nl/demo/over-ons

    In je style.css kan je het onderstaande opnemen

    .subpages-navi-current-level a:link,
    .subpages-navi-current-level a:visited,
    .subpages-navi-current-level a:active,
    .subpages-navi-current-level a:hover   {
    	color: lime;
    }

    Thread starter Damiaan van Vliet

    (@damnsharp)

    Bedankt Reanimatie voor het meedenken en zo snel reageren! Maar het gaat me om het bolletje dat die van kleur veranderd.
    Dus als je klikt op Over Ons en dan op OnsSubMenu1 dat het bolletje daarachter een andere kleur krijgt.

    Thread starter Damiaan van Vliet

    (@damnsharp)

    Oh, we zijn trouwens wel op de goede weg want als ik toevoeg:
    .subpages-navi-current-level { font-size: 16px; }
    Dan wordt de tekst die geselecteerd is groter.

    Nu het bolletje nog kleur wijzigen 😉

    Sorry, niet goed gelezen, my bad.

    .subpages-navi-current-level {
         background: url("images/blauw.png") no-repeat right top transparent !important;
    }

    de !important is alleen nodig als er later nog stylesheets geladen worden die van invloed zijn op je menu.

    Thread starter Damiaan van Vliet

    (@damnsharp)

    Super Reanimatie, ik had zoeits al geprobeerd maar lukte niet, vast vanwege dat !important. Ik ga dat opzoeken hoe dat precies werkt.

    offtopic: heb trouwens mijn profiel foto geprobeerd aan te passen (want het staat zo stom nu) met gravatar maar nog niet gelukt. Met mijn wordpress.org account kom ik niet ingelogd. Moet nog wat proberen.

    Om aan de !important te ontkomen kan je:

    • je style.css in de header verplaatsen zodat deze als laatste geladen wordt. Dit kan echter ook
    • de plugin Lazyest Stylesheet installeren. Deze css wordt altijd als laatste geladen. Als je daar de wijziging in plaatst dan is het gebruik van !important overbodig.
8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Subpages Navigation widget actief item andere kleur’ is gesloten voor nieuwe reacties.