Reply To: Getting image url from image ID

• jjma

• September 27, 2016 at 11:53 pm

This works for echoing out the image field but the css is not working as the width and height are being added to the inline style:

<div class="c-1 hero bg-image" style="background-image: url('<img width=" 1024"="" height="256" src="https://devel.launchsite.co.uk/wp-content/uploads/2016/08/drama-holding-1-1024x256.jpg" alt="drama-holding" srcset="https://devel.launchsite.co.uk/wp-content/uploads/2016/08/drama-holding-1-1024x256.jpg 1024w, https://devel.launchsite.co.uk/wp-content/uploads/2016/08/drama-holding-1-300x75.jpg 300w, https://devel.launchsite.co.uk/wp-content/uploads/2016/08/drama-holding-1-768x192.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px">');">
  
  <div class="center-wrapper">
    <div class="center">
      <h1 class="cheddar">Drama</h1>
    </div>
  </div>
  
</div>

Using your example above. Do I need to set this line to something else:

<div class="c-1 hero bg-image style="background-image: url('<?php echo wp_get_attachment_image( $hero, $size ); ?>');">

regards,

Jon