[resolved] Default (child) template issue (5 posts)

  1. Bare
    Posted 6 years ago #

    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:


    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.

  2. Andrei Olsen
    Posted 6 years ago #

    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.

  3. Bare
    Posted 6 years ago #

    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:

    is that right?

    Thanks again!

  4. Andrei Olsen
    Posted 6 years ago #

    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.

  5. Bare
    Posted 6 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.