achtegrond dynamisch met classes | WordPress.org Nederlands

Opgelost

(@erwin_m)

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)

julianislief
(@julianislief)

13 jaren, 4 maanden geleden

ik zou gewoon de plugin dynamic headers gebruiken.

Thread starter erwin_m
(@erwin_m)

13 jaren, 4 maanden geleden

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!
julianislief
(@julianislief)

13 jaren, 4 maanden geleden
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;
}
julianislief
(@julianislief)

13 jaren, 4 maanden geleden

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.

Weergaven