Custom background image for just one page

[jcadyMember]

Hi

I’m trying to put a background image in just one page. I went to the Additional CSS section in the Canyon theme settings and added code for that page only, for example:
body.page-id-371 {
background-image: url(http://frogans-now.com/wp-content/uploads/2018/06/Empty-desktop-2.jpg);
background-repeat: no-repeat;
background-position: center ;
}

What happens is that the image shows up below the footer (I only see it if there is no more than a line of content on the page.

Any ideas? Thanks.

[jcadyMember]

PS, I also notice that the image is showing up in unused header space. That is, if I increase my header height, the custom background image shows up at the bottom of the header and disappears where the main body starts.

[mythemesMember]

try next css code:

body.page-id-371 div.content.main-content{
background-image: url(http://frogans-now.com/wp-content/uploads/2018/06/Empty-desktop-2.jpg);
background-repeat: no-repeat;
background-position: center ;
}

[viraldigimediaMember]

I really impressed with your work.

[MollyforstMember]

Impressed? Huh. I wouldn’t say WOW. I would say that’s phenomenal! Great work by employees keeping up this forum. So many years of work, and they still rise. On one topic, when I had some problems with my photoshop, I was suggested to use https://depositphotos.com/upscaler.html and it helped a lot. There are no other forums that could beat this one. I guess there are offices full of people who work all day, right?

[Author]

Posts