Support » CSS / opmaak vragen » Kleur menu veranderen per pagina thema Blogsixteen

  • Opgelost marcotenhoor

    (@marcotenhoor)


    Op de homepage heb ik de menubalk dezelfde kleur als de body van de pagina. Op de andere pagina’s heb ik een andere kleur achtergrond en wil ik ook de menubalk diezelfde kleur hebben. Dat krijg ik niet voor elkaar.
    Ik gebruik het Blogsixteen thema, op pagina-id-10 heb ik de achtergrondkleur als volgt aangepast:
    body.page-10 {background: #2f8927;}
    maar de menubalk is nog een andere kleur. Hoe krijg ik die nu ook naar deze kleur? Ik heb verschillende pogingen gedaan in de child-css style.css, en ik krijg wel alle menubalken in een andere kleur met deze code:
    #site-navigation {background-color: #2f8927;}
    maar die zou alleen voor pagina-id-10 moeten gelden (en alle subpagina’s van deze pagina).
    De site: http://ladure.marcotenhoor.nl/
    Alvast bedankt voor de hulp.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Hallo Marco,

    Je zou dit kunnen doen via je functions file van je thema:

    function mijn_aangepaste_stijl() {
    	if (is_page(7) ) {
    		echo '<style type="text/css"> #header {background:red;} #footer {background:red;} </style>'."\n";
    	}
    	if (is_page(382) ) {
    		echo '<style type="text/css"> #header {background:pink;} #footer {background:pink;} </style>'."\n";
    	}
    }
    add_action( 'wp_head', 'mijn_aangepaste_stijl' );

    Je laadt middels de wp_head functie style in de head van je site. Dat gaat vóór de overige style uit je stylesheet.

    Guido

    Hoi Guido, top, bedankt!! Dit werkt uitstekend!

    Mooi, goed om te lezen!

    Guido

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Kleur menu veranderen per pagina thema Blogsixteen’ is gesloten voor nieuwe reacties.