Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #12441

    In Theme Styling, there is: Body Background color for the box

    Can I make this an image?

    I tried adding this to the layout.css

    #body {

    background-image: url(“http://dahuibali.com/images/bg.jpg”);

    }

    But it makes the entire Background Image of the Site this image. I want it only for body, not for website background because I have another image there I want to use.

    Help?

    #75478

    Sounds to me like your looking for #wrap_all. #wrap_all is the container for all the content area (header, logo, menus, content, footer, socket). #body is the container for the whole page, which includes #wrap_all and the background of the page.

    #wrap_all can be split up into 4 sections: #header, #main, #footer, #socket.

    Right click on your page and click on inspect element. There you can see what areas are what.

    #75479

    Thanks for helping makproduct!

    ct3ch – Remember to add the code to your custom.css not layout.css otherwise the code may be overwritten if/when you update the theme files.

    Regards,

    Mya

    #75480

    With the theme options it is possible to use a background image for the header. But like to use a background image to the whole page. So it covers the header, body and footer section. Is this possible and preferable uploading it via the Dashboard. Like to use a different background image for each menu item/page.

    Thanks!

    #75481

    Hi wvanderzee,

    No, the theme options do not have the ability to set individual background images for the various pages. I believe Coherence and the new Flagship theme do but I would need to load them up to double check.

    In Propulsion, you would need to add some css lines to target the specific pages so that they have the background images you want. So for example, for the home page you would add the following to your Quick CSS or custom.css:

    #top.home #wrap_all{
    background-image:url('paper.gif');
    }

    You could do the same thing to target a specific page providing it has a page or post ID in the #top class. You can use something like Firebug for Firefox or Chrome’s inspect to see what the specific class you need to put in the css instead of “home” in the above example.

    Regards,

    Devin

    #75482

    Hi Devin,

    Thanks for the reply! Actually I’m using Flagship, but found this post about the background images.

    Wouter

    #75483

    Good deal Wouter. If you have any problems let us know.

    Regards,

    Mya

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

The topic ‘Body Background with image, not just color’ is closed to new replies.