Thread Discussion

Hello everyone, I'm trying to figure out how to get a custom image to work for our blog header background image.

The hubl creates an option to use the featured image or a custom image and then an image selector for the custom image. However, I think there's a disconnect somewhere because when we choose Custom Image and choose an image, it just shows a blank background.

{% choice "featured_image" label='Select Banner Image Option', value='FeaturedImage', choices='FeaturedImage,CustomImage' export_to_template_context=True %}
{% if widget_data.featured_image.value == 'FeaturedImage' %}
<div class="post_featured_image" style="background-image:url({{ p.featured_image }});"></div>
{% elif widget_data.featured_image.value == 'CustomImage' %}
<div class="post_featured_image" style="background-image:url({{ p.custom_image }});"></div>
{% else %}
<div class="post_featured_image false-condition" style="background-image:url({{ p.featured_image }});"></div>
{% endif %}
</div>