[Olivier]

Is it possible possible to add a specific background image in Title and Foot page area ?

like it is for catch Mustang…

[Sakin]

@Olivier: Do you mean to add background image in the header and footer section? Sorry, it’s bit unclear.

You can add the following CSS in “Appearance => Theme Options => Custom CSS” box. In the following CSS you can replace the image URL as per your need.

#header-bg { background-image : url("images/branding-bg.jpg"); }
#site-generator { background-image: url("images/site-generator-bg.png"); }

[Olivier]

Yes this is It.

Thanks 😉

[Olivier]

Oups,

In fact only the footer section can be changed with my background image. The header is still showing a background color. hereunder my CCS

#header-bg { background-image : url(“http://vandenbilcke.net/images/branding-bg.jpg”); }
#site-generator { background-image: url(“http://vandenbilcke.net/images/footer-bg.jpg”); }

[Sakin]

@Olivier: I cannot view your site but when I add the following CSS. It’s working fine for me.

#header-bg {
    background: url("http://vandenbilcke.net/images/branding-bg.jpg") repeat scroll 0 0 transparent;
}
#site-generator {
    background: url("http://vandenbilcke.net/images/footer-bg.jpg") repeat scroll 0 0 transparent;
}

[Olivier]

@Sakin

Please have à look at http://vandenbilcke.net/blog/a-propos/ to see that only the footer section is displaying the bg image. The header is still showing a solid bg color…

[Sakin]

@Olivier: Oh sorry you are using Catch Evolution Pro theme. Then the css will be as below:

#branding {
    background: url("http://vandenbilcke.net/images/branding-bg.jpg") repeat scroll 0 0 transparent;
}
#site-generator {
    background: url("http://vandenbilcke.net/images/footer-bg.jpg") repeat scroll 0 0 transparent;
}

[Olivier]

Its Ok now,

I can play with it…

Thanks 😉

[Author]

Posts