Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #19077
    Olivier
    Participant

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

    like it is for catch Mustang…

    #19087
    Sakin
    Keymaster

    @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"); }
    #19093
    Olivier
    Participant

    Yes this is It.

    Thanks 😉

    #19132
    Olivier
    Participant

    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”); }

    #19152
    Sakin
    Keymaster

    @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;
    }
    #19163
    Olivier
    Participant

    @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…

    #19167
    Sakin
    Keymaster

    @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;
    }
    #19175
    Olivier
    Participant

    Its Ok now,

    I can play with it…

    Thanks 😉

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘background image for the Title and Foot page’ is closed to new replies.