I’m adding a featured image on my page through the dashboard and I want to use it as a background image on the container div of the page.
I want to apply the background image through css, so I am thinking to put a style attribute inside my markup.
I’m thinking to make something like this:
<div id="<?php echo $post_name; ?>" class="page<?php echo $post_id; ?>" style="background: url(<?php wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); ?>) !important;">
But unfortunately this is not working.
When I check the output is like this:
background: url() !important;
What is wrong with this ?
Any suggestions?
Thanks!
You need to
echo
the return value fromwp_get_attachment_image_src()
. It also returns anArray()
, so you need to grab the needed part from that array. In this case it’s the first/0
value. Example:Try to use the
the_post_thumbnail_url
function: