Hoe kan ik met if/else andere CSS activeren?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ventilatiesysteem Productontwikkelaar HBO WO Verwa

Samengevat: Zij bieden flexibele ventilatiematerialen, geluidsdempers, rookgasafvoer producten en industrieslangen. Ben jij een technisch productontwikkelaar? Heb jij ervaring met het ontwikkelen van nieuwe producten? Vaste baan: Technisch Productontwikkelaar HBO WO €3.000 - €4.000 Zij bieden een variëteit aan flexibele ventilatiematerialen, geluiddempers, rookgasafvoer producten, industrieslangen en ventilatieslangen voor de scheepsbouw. Met slimme en innovatieve materialen zorgen wij voor een gezonde en frisse leefomgeving. Deze werkgever is een organisatie die volop in ontwikkeling is met hardwerkende collega's. Dit geeft goede ontwikkelingsmogelijkheden. De branche van dit bedrijf is Techniek en Engineering. Functie: Voor de vacature als Technisch Productontwikkelaar Ede Gld HBO WO ga

Bekijk vacature »

Riet de Wit

Riet de Wit

05/10/2015 13:42:48
Quote Anchor link
Hoi,
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)
PHP script in nieuw venster Selecteer het PHP script
1
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]) {
    ?>

<style>

html,body {
height:100%;
margin:0!important;
}
body {
background:url(
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php echo $image_url[0]; ?>
) #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>

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
    }
}

----------------

En dit is de CSS voor de pagina's zonder background image:
----------------
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
.site-tagline {
            margin-top: 168px;
        }

----------------

Heb al vanalles geprobeerd zoals

----------------
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
echo <style>
       .site-tagline {
            margin-top: 168px;
        }
    </style>;

----------------

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.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.