Ad backgound image to seperate pages Display theme

  • Hello
    I have a 2010 theme by Kriesi called Display. I am creating a separate section of the site with its own page and content and I want a separate background image. With out installing a plug-in.
    I created a new page template by just copying my home page template and changing the name.
    I have styled the site mostly on my own the person I hired did a terrible job and left it a mess. Had I known I would have installed a new theme. This theme seems overly complex compared to others I’ve worked with.
    I can not get code to work for me that will allow me to do what I want.
    https://ambientmechanicalsystems.com/
    https://ambientmechanicalsystems.com/fishkill-ny-communities12524/ This is the page I want to change the background on with out affecting the rest of the site. I just made it live so anyone on here can see it. it is not finished. I am also going to use this same page template for sub pages of this page.

    Thanks

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

  • Most standard WordPress themes will call the body_class() function, which assigns different class names to the <body> element depending upon what kind of page is being displayed. Of particular usefulness, in your case, would be a class that includes an identifier which would be unique to every page or post, something like page-id-456. This would make it easy to write CSS rules which target a particular page. However, the theme that you are using apparently doesn’t call that function. I don’t see page or post IDs associated with any elements except for the menu items. That is going to make things more difficult, but not impossible.

    You can add some CSS at the beginning of your page. Open up the editor for the page, using the Text editor and not the Visual editor. At the very top or bottom, copy & paste this:

    <style>
.wrapper {
   background: url(../images/skin1/newbackground.jpg) repeat-x left top;
}
</style>

    You want to replace what is inside the parenthesis for url with the path and name of the new background image. Click the Update button and your new image should now be the background for that page.

    Thread Starter surfnmrf

    (@surfnmrf)

    Thank you CrouchingBruin
    That worked thank you I never would have thought of that. Very slippery! I just added fixed because it repeated and there was a space between. There is code all over this theme that interferes with other parts of the theme. There is a sub.wrapper but if you use it, it changes the entire site, same thing with page-id, my page id id 1303 but if I use it it changes everything.

    Is there a way to put a code on the page template and then a class in the css file for the wrapper sidebar and footer wrapper? So that I can have future control. Or based on your observation just code every thing in the editor?

    My ultimate goal is to drive traffic to the site using this page and sub pages,and change the header images to ads. Just for these pages to give it a nice local feel.

    Part of me wants to abandon this theme there are road blocks at every intersection. But for now I’ve come so far I dont want to let go. Some people say twenty eleven or twelve are simple and easy to build on.
    Thanks again..

    Thread Starter surfnmrf

    (@surfnmrf)

    Funny thing I opened the site today and the code entered in the WordPress page text editor was gone and the background image was back to the main sites image. I can’t imagine was happened?

    I’m not sure. Did you have the cache turned on before? I don’t remember it being active when I last looked at your site.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Ad backgound image to seperate pages Display theme’ is closed to new replies.