PHP/CSS - Prevent a div from displaying if

Question

I've nearly finished a new WordPress theme, my first. There is a bit of custom code and unfortunately I am fairly new to PHP.

http://www.designated.net.au/testbed/wordpress/

As you can see there is a "spotlight" area for sticky posts. But there are no sticky posts at the moment and every post is displaying in there. When a post is made sticky it will display in there on its own.

What I would like to do is make it so the entire spotlight area doesn't display if there are no sticky posts. I have no idea where to start.

Post some code so we may help you.. You can use pastie.org or jsfiddle.net — Nelson Benítez León
– Nelson Benítez León, Commented Sep 25, 2012 at 12:39
Thanks guys. This is the code I want to hide: pastie.org/4797229 — dais
– dais, Commented Sep 25, 2012 at 12:44

dan · Accepted Answer · 2012-10-01 14:38:13Z

1

Well, you can use the visible: hidden CSS property of the div to hide it, or display:none. You just need to check if there is any sticky post to display.

<?php
    query_posts(array('post__in'=>get_option('sticky_posts')));
    // $nbrStickyPost = something 
    $stickyPost = ""

    if($nbrStickyPost === 0) {
        $stickyPost = " style=\"display:none;\""
    }

    echo "<div id=\"spotlight-feature\"", $stickyPost, ">";
?>

<div id="spotlight-feature-top">
<!-- [...] -->

<?php while (have_posts()) : the_post(); ?>
<!-- [...] -->

This code will add the display:none CSS property to your div if the nbrStickyPost var is 0. I would need to see some of the query_posts() and have_posts() functions to really determine nbrStickyPost.

edited Oct 1, 2012 at 14:38

answered Sep 25, 2012 at 12:41

dan

3,51917 gold badges61 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

14 Comments

dais Over a year ago

Oh inside the echo, I see. I'll give it a shot.

dais Over a year ago

I think I implemented it correctly but stickyPost = "" gives me a parse error.

dan Over a year ago

Well, as I said, it depends on your actual PHP code, the vars are of course different for you but it's just an example of what you could add to do what you want. You need to add the display:none property to your div when there are no post. There should be a var somewhere in the code with the count. That's the one you have to look for, and you also have to find the right div to hide. Just post your code if you want some more help there.

dais Over a year ago

Oh ok. I have to find the var.

dan Over a year ago

Mistake on my part, it's $stickyPost instead of stickyPost. Haven't been doing PHP since a while. Just edited my original post.

|

Collectives™ on Stack Overflow

PHP/CSS - Prevent a div from displaying if

1 Answer 1

14 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

14 Comments

Your Answer

Sign up or log in

Post as a guest

Related