Using a background image on Hemingway Rewritten

• 

  ajbraithwaite2015 · Member · Jun 8, 2015 at 4:12 am

  • Copy link
  • Add topic to favorites

  I’m trying to put a background image behind the content on some pages.

  The page is contained within a <div> that has both an id and classes. In Chrome developer mode I can see the CSS code and it is showing as active but I still get no background image.

  #d_rainey {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-image: url(‘https://wp.me/a5yetz-g3’);
  }

  It appears that this should work but I’m obviously missing something.

  Thanks in advance
  Andy

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Jun 9, 2015 at 8:33 am

  • Copy link

  Which page are you wanting to put a background image on?

• 

  ajbraithwaite2015 · Member · Jun 9, 2015 at 6:01 pm

  • Copy link

  This would be the first.

  https://sweetlit.wordpress.com/issue-7-3/poet-delia-rainey/

• 

  staff-happychia · Staff · Jun 10, 2015 at 8:46 am

  • Copy link

  There is a background image but it is fixed because of this property:

  background-attachment: fixed;

  Try removing it and see if that is what you want.

• 

  ajbraithwaite2015 · Member · Jun 11, 2015 at 8:41 pm

  • Copy link

  I found it yesterday!

  In my code I was selecting the background image using the shortlink URL from the edit page and not the “File URL”. When I entered that shortlink URL into a browser it was a link to a full themed wordpress page containing the image and not just to the jpg image itself.
  When I used the “File URL” to the image (get this from the Save panel on the right in Media edit window) the image appeared.

  Thanks for your help though.
  Andy