Support » Themes and Templates » Default (child) template issue

  • Resolved Bare

    (@bare)


    Hi, I’m new to wordpress and trying to learn the ropes. I’ve been scouring the forums, knowledgebase and the internet for about 3 weeks now trying to make some changes to the default (kubrick) template. I’ve been able to move the side bar to the left and the “content” to the right, I have installed a few plugins, changed my header, and made a few other simple changes. The problem I am currently having is that I want a white background behind my content area on the right. I turned on a white background and it made a white box behind the header and footer (which I want transparent). I tried making a 960px wide x 1px tall white image to tile behind everything and it also tiles from top to bottom, behind the header and footer. You can see the site (it’s just a test site for now) at:

    http://test.bareasschoppers.com/wordpress/

    I have the sidebar and content area colored right now so I can see where they sit on the page, so the sidebar is grey and the “content” is yellow. The header and footer are transparent, I have no color behind them – which is what I want.

    I know I need to change the footer text color so it shows against the background, I figured I’d try to fix this problem first.

    So, what I am trying to accomplish and haven’t been able to do yet is to have a transparent background behind the header image, a white background behind the middle (sidebar & content), and then a transparent background behind the footer. When I’m done I really want the sidebar to be grey and the content white all the way down to the footer, but I can’t figure out how to make that happen. Every time I try to do it using “background-color: #000000;” it runs from the top to the bottom of the page. If I try the same thing using an image it tiles exactly the same way.

    I would REALLY appreciate any insight that anyone can offer.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Wrap content and sidebar divs with a new div, let’s say content-wrapper. Set the background color to white, i.e. #content-wrapper{background-color: #fff;}, remove background-color reference from #content.

    Wow, thanks so much… It seems so simple now that you say it, I feel silly for asking – but this is how we learn.

    I have one more question please, I made the changes in the index.php and it works perfectly, what other files do I need to create this div wrapper in? I’m trying to understand the template hierarchy, but I haven’t completely figured out what calls what yet…

    I think I need to add it in:
    page.php
    search.php
    404.php
    archive.php

    is that right?

    Thanks again!

    Well… if you want to do this the hard way 🙂
    I would have just added <div id="content-wrapper"> to the end of the header.php after horizontal rule and </div> <!-- end of content-wrapper --> to beginning of the footer.php (just above horizontal rule) though if I were you.

    You’re like an evil genius…
    I don’t -want- to do things the hard way, I just don’t know any better… And thanks to you I’m not.

    Thanks so much for the help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Default (child) template issue’ is closed to new replies.