Return to Support

Different background for different pages

Home Forums Graphene WordPress theme Support Different background for different pages

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #2793
    marica
    Member

    Hi, happy new year!

    I’ve a question: is it possible to have a different background image for different pages? I’ve tried to put this

    .page-id-11{
    background: #000000
    url(http://www.stefanoagostinelli.it/wp-content/uploads/2011/12/laband.png);
    background-repeat:no-repeat;
    background-position:top center;
    }

    on style.css but nothing happens!

    Can somebody help me?

    Tnx

    #19244
    Prasanna SP
    Member

    It needs some php work. Perhaps this could give you some ideas – http://wordpress.org/support/topic/change-background-image-per-page-1#post-1298054

    #19245
    marica
    Member

    Thanx Prasanna, unfortunately I’m not so skilled in php! I tried to follow the suggestions found at your link, but it doesn’t work. Maybe because I really don’t know where I have to insert the conditional statements.. I’ve tried to put it in index.php and loop.php too but nothing happens. Do you have any suggestions?

    #19246
    Josh
    Member
    #19247
    Prasanna SP
    Member

    That should go in header.php. But, I think the simplest solution is to use the plugin that Josh mentioned above.

    #19248
    marica
    Member

    Thanx both, maybe my explanation was not clear. I mean: different “Post and pages content background” for different pages.

    #19249
    Prasanna SP
    Member

    You mean post background??

    If so, try this,

    .post-11{
    background: url("http://www.stefanoagostinelli.it/wp-content/uploads/2011/12/laband.png") no-repeat;
    background-position:top center;
    }

    #19250
    Prasanna SP
    Member
    .post-11 {
    background: url("http://www.stefanoagostinelli.it/wp-content/uploads/2011/12/laband.png") no-repeat;
    }

    #19251
    marica
    Member

    Yes Prasanna, I mean post background! I put your code in style.css but nothing happens 🙁

    #19252
    Prasanna SP
    Member

    Try this, (if it don’t work in style.css, add the code in Graphene options –> display –> custom css)

    Edited code:

    .post-11{
    background: #000000;
    background-image:
    url("http://www.stefanoagostinelli.it/wp-content/uploads/2011/12/laband.png");
    background-repeat:no-repeat;
    background-position:top center;
    }

    #19253
    Prasanna SP
    Member

    Sorry … Sorry.. replace .post-186 with post-11

    .post-11{
    background: #000000;
    background-image:
    url("http://www.stefanoagostinelli.it/wp-content/uploads/2011/12/laband.png");
    background-repeat:no-repeat;
    background-position:top center;
    }

    #19254
    marica
    Member

    Perfect, it works!! Thanx!

    #19255
    Prasanna SP
    Member

    You’re welcome! 🙂

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

You must be logged in to reply to this topic.