http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sun, 19 May 2013 22:45:34 +0000 http://themeshaper.com/forums/topic/need-help-with-adding-a-background-image-for-the-main-area#post-26959 Thu, 10 May 2012 22:16:49 +0000 hollifischer 26959@http://themeshaper.com/forums/ <p>thank you very much it worked </p> http://themeshaper.com/forums/topic/need-help-with-adding-a-background-image-for-the-main-area#post-26957 Thu, 10 May 2012 21:35:25 +0000 ScottNix 26957@http://themeshaper.com/forums/ <p>Currently you have<br /> <pre><code>#main { background:url(images/content_bg.png) no repeat #f1f1d9; clear:both; padding:50px 0 22px 0; }</code></pre> <p>However, shorthand properties are a little finicky and will flat out not work if they are incorrect. You want to probably be using the background color in front of the image per <a href="https://developer.mozilla.org/en/CSS/Shorthand_properties" rel="nofollow">https://developer.mozilla.org/en/CSS/Shorthand_properties</a><br /> <pre><code>#main { background: #f1f1d9 url(images/content_bg.png) no-repeat; clear:both; padding:50px 0 22px 0; }</code></pre> <p>So close. :) </p> http://themeshaper.com/forums/topic/need-help-with-adding-a-background-image-for-the-main-area#post-26956 Thu, 10 May 2012 20:23:02 +0000 hollifischer 26956@http://themeshaper.com/forums/ <p>I fixed that where it said for the container. Didn't work. So, I put it under #main. Double check the path was correct. And it still is not showing up </p> http://themeshaper.com/forums/topic/need-help-with-adding-a-background-image-for-the-main-area#post-26849 Sun, 06 May 2012 23:50:09 +0000 ScottNix 26849@http://themeshaper.com/forums/ <p>It looks like you are trying to stick something to the #container. In there you have</p> <pre><code>#container { background: url(images/content_bg.png) no repeat #f1f1d9;; }</code></pre> <p>You have a double semicolon, not sure what error this will produce, but it is not correct. If you are trying to stick things to the #container, it is currently collapsed which is what happens when you use floats inside it, the height collapses. Use #main. </p> http://themeshaper.com/forums/topic/need-help-with-adding-a-background-image-for-the-main-area#post-26848 Sun, 06 May 2012 22:35:01 +0000 helgatheviking 26848@http://themeshaper.com/forums/ <p>yeah i'm not following what the problem is. currently, according to chrome's dev tools (inspects the html/css elements) you don't have any background image attached to #main, so there isn't anything to display. have to agree w/ scott's request for more details. if you have done as scott suggested and don't see an image, be sure that 1. the image is uploaded to the live server and 2. your path to the image is correct </p> http://themeshaper.com/forums/topic/need-help-with-adding-a-background-image-for-the-main-area#post-26847 Sun, 06 May 2012 22:18:09 +0000 hollifischer 26847@http://themeshaper.com/forums/ <p>i did that and it is not showing up for some reason. </p> http://themeshaper.com/forums/topic/need-help-with-adding-a-background-image-for-the-main-area#post-26846 Sun, 06 May 2012 21:43:39 +0000 ScottNix 26846@http://themeshaper.com/forums/ <p>You are probably going to have to be more specific on what problem you are having. I say that based on the fact you got an image in the header, why wouldn't you be able to do the same on the #main div?</p> <p>Header<br /> <pre><code>#header { background:url(images/hdr_bg.jpg) repeat-x; }</code></pre> <p>Main<br /> <pre><code>#main { background:url(images/some-bad-ass-image.jpg) no-repeat; }</code></pre> <p>I can only assume you are having a different problem. </p> http://themeshaper.com/forums/topic/need-help-with-adding-a-background-image-for-the-main-area#post-26845 Sun, 06 May 2012 21:30:48 +0000 hollifischer 26845@http://themeshaper.com/forums/ <p>This is my first time working with thematic. Yes I am using the sample child theme. I would like to add a background image for #main since it encompasses both the content and sidebar areas. The background image is really just for the top and than no repeating, just a color that matches the image for the rest of the area. </p> <p>I am just beginning to work on this so I know there is still a lot to be done.</p> <p>here is the link: <a href="http://test9.hafdesign.com">http://test9.hafdesign.com</a> </p>