Custom background image for just one page

Marketplace Forums Themes Cannyon Cannyon Premium Custom background image for just one page

This topic contains 3 replies, has 3 voices, and was last updated by  viraldigimedia 3 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #4433

    jcady
    Member

    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.

    #4434

    jcady
    Member

    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.

    #4435

    mythemes
    Keymaster

    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 ;
    }
    #4616

    I really impressed with your work.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

dapperdean