Set background image for specific page

• 

  zhetoman · Member · Mar 10, 2017 at 8:11 pm

  • Copy link
  • Add topic to favorites

  I want to set the background image for the “Documents” page only to an image in my media library titled – BlueRain.png.

  I tried adding the code below to the HTML for that page:

  .documents #content {
  background: rgba(0, 0, 0, 0) url(“https://zhetosoft.files.wordpress.com/2017/03/BlueRain.png”) repeat scroll 0 0;
  }

  The Visual mode simply displays that text on the screen.

  How do I sent the background for that page only to the image specified?

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

• 

  dianakcury · Member · Mar 10, 2017 at 11:53 pm

  • Copy link

  Hi there,

  This CSS code should do:

  body.page-id-184 {
      background: rgba(0, 0, 0, 0) url(https://zhetosoft.files.wordpress.com/2017/03/BlueRain.png) repeat scroll 0 0;
  }

  Hope this helps

• 

  zhetoman · Member · Mar 11, 2017 at 3:07 pm

  • Copy link

  No. That doesn’t work. When I paste that into the HTML section, all it does is display it as text on the screen. I have successfully added a background color for some other text on this page.

  Also, something has changed. The menu of page attributes/settings on the left side of the screen disappears when I edit a page. I do not remember changing anything.

• 

  zhetoman · Member · Mar 11, 2017 at 3:12 pm

  • Copy link

  A thought – Does this require a Premium plan?

• 

  zhetoman · Member · Mar 11, 2017 at 4:16 pm

  • Copy link

  Chat revealed this does require a premium plan. Also, to get the correct path for the image – go to media library, right click, then click copy image address. Works like a charm.