This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

how to change Origami background image on specific page?

Resolved 5 replies themetheme-origami
junky
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 10 months ago

    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. junky 11 years, 10 months ago

    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. Andrew Misplon Staff 11 years, 10 months ago

    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. junky 11 years, 10 months ago

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

    Thank you :))

  5. Andrew Misplon Staff 11 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread