How do I have a fallback CSS style if no featured image is selected in WordPress? I'd rather remove the featured image block and replace with some CSS class if nothing is selected.

<?php $thumb = wp_get_attachment_image_src( 
get_post_thumbnail_id($post->ID), 'full' );?>
<div id="post" class="featured-image" style="background-image: url('<? 
php echo $thumb['0'];?>')">

Added Featured Image

How do I have a fallback CSS style if no featured image is selected in WordPress? I'd rather remove the featured image block and replace with some CSS class if nothing is selected.

<?php $thumb = wp_get_attachment_image_src( 
get_post_thumbnail_id($post->ID), 'full' );?>
<div id="post" class="featured-image" style="background-image: url('<? 
php echo $thumb['0'];?>')">

Added Featured Image

• php
• css
• post-thumbnails

Share Improve this question asked Jun 27, 2019 at 18:51 JthomasJthomas 1122 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You can test if the $thumb has any contents and then apply a class to the featured image block that you can use to hide the container.

<?php
    $thumb = wp_get_attachment_image_src(
        get_post_thumbnail_id($post->ID),
        'full'
    );
?>

<div id="post" class="featured-image <?php echo empty($thumb) ? 'no-featured-image-class' : ''; ?>" style="background-image: url('<?php echo $thumb['0']; ?>')">