Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15329

    Hi there, is it possible to use different background images?

    Here: http://rammler.de/demo/joos/?page_id=825 a other one that here http://rammler.de/demo/joos/?page_id=820

    I marked the Image here: http://awesomescreenshot.com/053d43n51

    #87079

    Hi rammler,

    Sure thing! We’ll use a bit of css to target the page id class that gets set at the top of each page. This way, you can target them individually. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.page-id-820 .slideshow_color {
    background: #006ab0 url(http://rammler.de/demo/joos/wp-content/uploads/2011/12/bigslide_back_joos_shine_new.jpg) top center no-repeat scroll;
    }

    #top.page-id-825 .slideshow_color {
    background: #006ab0 url(http://rammler.de/demo/joos/wp-content/uploads/2011/12/bigslide_back_joos_shine_new.jpg) top center no-repeat scroll;
    }

    So in the above css, you have the two different page ID’s which for you can be seen in the actual page URL’s which makes it very easy to identify which page code goes with which. Just change the http address in the css to the new image you would like to use.

    The rest of the css just tells the browser how to position the image and if you want to modify it you can see some examples here: http://www.w3schools.com/css/css_background.asp

    Regards,

    Devin

    #87080

    Sounds great! I will try it. THX a lot

    #87081

    I’m going to leave this thread open for now in case you have any issues. Let us know how it works.

    Regards,

    Mya

    #87082

    Hi Devin, this works great for pages. It is possible for categories too?

    THX a lot

    #87083

    I found it:

    #top.category-15

    THX a lot!

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

The topic ‘Different background images?’ is closed to new replies.