Tagged: background image
May 16, 2012 at 4:15 pm #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
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?May 16, 2012 at 10:04 pm #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.May 21, 2012 at 7:59 pm #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.
MyaJune 12, 2012 at 7:53 am #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!June 12, 2012 at 7:02 pm #75481
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:
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.
DevinJune 22, 2012 at 9:17 am #75482
Thanks for the reply! Actually I’m using Flagship, but found this post about the background images.
WouterJune 26, 2012 at 6:48 am #75483
The topic ‘Body Background with image, not just color’ is closed to new replies.