• Ik probeer een div een eigen achtergrond mee te geven per pagina. Maar het wil nog niet lukken.Op dit moment heb ik aan code:
    In de header:

    <?php
    $class = '';
    if (is_page('Home')) {
      $class = 'home1';
    } elseif (is_page('Counseling')) {
      $class = 'counseling';
    } ?>

    In de css:

    #header {
    					height: 225px;
    					background: #fff no-repeat;
                                            background-image: url(/img/header_visual/1.jpg);
    					position: relative;
    					margin-bottom: 20px;
    					}
    				#header.home1 {background-image: url(/img/header_visual/7.jpg);}

    De classes worden toegekend, maar de afbeelding wordt niet veranderd. Iemand suggesties?

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • ik zou gewoon de plugin dynamic headers gebruiken.

    Thread starter erwin_m

    (@erwin_m)

    The plugin could be a option, but installing a plugin or a few rows of code which only have the code you need….I like the coding the most. And I have several hours in this problem, so I really would like to know how it must be done!

    het kan ook volledig met css, namelijk:

    pas je body tag aan naar <body <?php body_class(); ?>>
    en zet dan in je css het volgende:

    .header
    {
    	height: 225px;
    	background: #ffffff;
    	background-image: url(/img/header_visual/1.jpg);
    	position: relative;
    	margin-bottom: 20px;
    }
    .hierkomtdeclassdiedebodygeeftopdehomepagina .header
    {
    	height: 225px;
    	background: #ffffff;
    	background-image: url(/img/header_visual/7.jpg);
    	po

    sition: relative;
    margin-bottom: 20px;
    }

    onderste code hoort er nog bij uiteraard!

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘achtegrond dynamisch met classes’ is gesloten voor nieuwe reacties.