Home>Support>how to change Origami background image on specific page?

how to change Origami background image on specific page?

By junky, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hi Dear

I have here http://burzum.square7.ch/sarah/ a theme origami problem

I have activated background image orginal3.png as default background image
the code looks so

body.custom-background {
background-color: #636;
background-image:
url(‘http://burzum.square7.ch/sarah/wp-content/uploads/2014/05/orginal3.png’);
background-repeat: repeat;
background-position: left top;
background-attachment: scroll;
}

but at the gallery page, it has page-id-15 I want to have other background, brighter image
I tried so

.page-id-15 body.custom-background {
background-image:
url(“http://burzum.square7.ch/sarah/wp-content/uploads/2014/05/v10.png”);
background-repeat: repeat;
background-position: left top;
background-attachment: scroll;

but it does not work
where did I make mistake?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Delala. Your CSS looks correct but when I view your page that’s not the selector you’re using, on your page you’re using:

    body.page-id-15 {
background-image: url("<a href="http://burzum.square7.ch/sarah/wp-content/uploads/2014/05/v10.png&quot" rel="nofollow ugc">http://burzum.square7.ch/sarah/wp-content/uploads/2014/05/v10.png&quot</a>;);
    background-repeat: repeat;
    background-position: left top;
    background-attachment: scroll;
}

    So try the code you suggested in your message.

    Please don’t put styles in style.css using Appearance >Editor. Those will get overwritten the next time you update Origami. Please place your selectors under Appearance > Custom CSS.

  2. 10 years, 4 months ago junky

    I have updated your suggestion and changed the code
    Hi Andrew

    I have updated the css code but its still not working

    .page-id-15 body.custom-background {
    background-image: url(images/bg2.jpg);
    background-repeat: repeat;
    background-position: left top;
    background-attachment: scroll;

    }
    first I tried so

    and then so

    .page-id-15 body.custom-background {
    background-image: url(http://burzum.square7.ch/sarah/wp-content/uploads/2014/05/bg2.jpg);
    background-repeat: repeat;
    background-position: left top;
    background-attachment: scroll;

    }

    I also tried
    .page-id-15 body.custom-background {
    background: white;
    background-repeat: repeat;
    background-position: left top;
    background-attachment: scroll;

    }
    background image does not change

    something is wrong

  3. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    This should work:

    body.page-id-15.custom-background {background-image: url('http://localhost/so/origami/wp-content/uploads/sites/2/2014/05/wallpaper-1805428.jpg') !important;}

    Just replace my page image url with yours. If you’re using Jetpack there is a custom css module in there otherwise you can use a plugin like this: http://wordpress.org/plugins/simple-custom-css/

  4. 10 years, 4 months ago junky

    Andrew if you were a girl I would kiss you :)) you have saved my day

    Thank you :))

  5. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Not a problem :) Glad we could help.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More