Hi everyone !

I am so stuck with a conditional display in PHP.

Could you please help to fix the following conditions:

What I want to do (in a VBA way...) in the LOOP

If category='uncategorised'
then "Do not display KICKER"
else
If category='red'
kicker background=red
if category='blue'
kicker background=blue

The ultimate goal is to display a background image different per category in the KICKER only on the homepage and display nothing if no category.

I've got this code but full a errors...

<?php bfa_post_kicker( if (in_category('red'))
{ ('<div class="post-kicker">','</div>') ?>
<?php } ?>

Thanks for helping a poor PHP guy...

1) where are you putting that code?

2) dont forget content and styling are different things:
- 'the loop' governs the content (posts etc.)
- 'css' governs your styling ('kicker background color' etc.)

so.. if you want to use conditional styling, you should use conditionals in your css
(putting styling in the loop is unnecessary nasty and messy )

you have to watch switching in and out of php/html. Your code should be in The LOOP and it should replace the line

<?php bfa_post_kicker('<div class="post-kicker">','</div>'); ?>

with

<?php (if (in_category('red')) { ?>
<div class="post-kicker-red"> <?php } ?>
<?php bfa_post_kicker('<div class="post-kicker">','</div>'); ?>
<?php (if (in_category('red')) { ?>
</div> <?php } ?>

then in CSS Inserts you would use

div.post-kicker-red .post-kicker {background: red;}

Originally Posted by juggledad

you have to watch switching in and out of php/html. Your code should be in The LOOP and it should replace <...>

Although that would probably work, it is unnecessary messy.



The classes are already there in the parent div.
Thus, no need to edit your php files and add extra classes (and come to think of it, no need for conditional css even).
I would just add this css in Ata > HTML/CSS inserts:

div.category-uncategorized > div.post-kicker {display: none;}
div.category-red> div.post-kicker {background: red;}
div.category-blue> div.post-kicker {background: blue;}