Hoe kan ik met if/else andere CSS activeren?
Riet de Wit
05/10/2015 13:42:48Hoi,
ik heb een if/else vraag, krijg het na uren puzzelen niet werkend.
In een Genesis child theme (WordPress) kan ik op iedere pagina een background image laten uploaden.
Maar op sommige pagina's komt er geen foto. Daar blijft een gigantische witruimte staan.
Hoe kan ik nou opgeven dat op de pagina's zonder foto de padding wijzigt?
Ik heb al vanalles geprobeerd, misschien ligt het aan een verkeerd geplaatst komma maar ik zie het niet.
Dit staat er in de functions.php:
(shortcode 'code' werkt niet? Code staat daarom tussen -------- lijnen)
----------------
<style>
html,body {
height:100%;
margin:0!important;
}
body {
background:url() #000 no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.site-tagline {
border-bottom: none;
margin-top: 600px;
}
</style>
----------------
En dit is de CSS voor de pagina's zonder background image:
----------------
----------------
Heb al vanalles geprobeerd zoals
----------------
----------------
maar eerlijk gezegd weet ik ook niet waar ik dit stuk precies moet invoegen.
Tips welkom, bedankt alvast!
ik heb een if/else vraag, krijg het na uren puzzelen niet werkend.
In een Genesis child theme (WordPress) kan ik op iedere pagina een background image laten uploaden.
Maar op sommige pagina's komt er geen foto. Daar blijft een gigantische witruimte staan.
Hoe kan ik nou opgeven dat op de pagina's zonder foto de padding wijzigt?
Ik heb al vanalles geprobeerd, misschien ligt het aan een verkeerd geplaatst komma maar ik zie het niet.
Dit staat er in de functions.php:
(shortcode 'code' werkt niet? Code staat daarom tussen -------- lijnen)
----------------
Code (php)
1
2
3
4
5
6
2
3
4
5
6
// Use a featured image as background image on every page
add_action( 'wp_head', 'vr_set_featured_background', 99);
function vr_set_featured_background() {
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full, false );
if ($image_url[1]) {
?>
add_action( 'wp_head', 'vr_set_featured_background', 99);
function vr_set_featured_background() {
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full, false );
if ($image_url[1]) {
?>
<style>
html,body {
height:100%;
margin:0!important;
}
body {
background:url() #000 no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.site-tagline {
border-bottom: none;
margin-top: 600px;
}
</style>
----------------
En dit is de CSS voor de pagina's zonder background image:
----------------
----------------
Heb al vanalles geprobeerd zoals
----------------
----------------
maar eerlijk gezegd weet ik ook niet waar ik dit stuk precies moet invoegen.
Tips welkom, bedankt alvast!
Gewijzigd op 05/10/2015 13:57:07 door Riet de Wit
Er zijn nog geen reacties op dit bericht.