ThemeShaper Forums » Thematic

[closed]

Too many comments - not enough background image

(7 posts)
  • Started 3 years ago by waxpop
  • Latest reply from waxpop
  • This topic is resolved
  1. waxpop
    Member

    My blog will be only one post per page. What I didn't think about when I designed it was that if someone is viewing a post and there are multiple comments, my background image (in the body css tag) ends and all the comments just sit on a brown background color. Ugly! (Ignore other ugliness - I'm still working many, many kinks out of my first WordPress theme!)

    http://www.herfiveyeardiary.com/index.php/monday-january-2-1961/

    So...what's the best way to add at least some "paper" as the page gets longer and longer? I'd love to put a "cap" on the end of whenever the comments end, but that seems like a lot to ask of my limited WordPress and php abilities (I'm pretty good with HTML and CSS), but at least a repeated paper background with brown right/left edges that ends when the page ends would be better than what's happening now.

    I tried adding a repeating background image to the footer and the siteinfo css tags, but that doesn't seem to be working, so I'm hoping someone can help me out. Thanks!

    Sara

    Posted 3 years ago #
  2. create a "tile" of paper and repeat it vertically on #main

    Posted 3 years ago #
  3. waxpop
    Member

    Hmmm...don't know if it's my code or what, but my page looks the same when I add it to #main.

    #main {
        clear:both;
        padding:20px 0 22px 0;
        background-image: (url 'images/footer_bg.jpg') repeat-y;
    }
    Posted 3 years ago #
  4. your code is mangled

    background: url('images/footer_bg.jpg') repeat-y;
    Posted 3 years ago #
  5. waxpop
    Member

    Unfortunately that covers up the left side of my background image, which makes sense now since the the background image is in the body tag and #main is on top of that.

    http://www.herfiveyeardiary.com/

    Thanks for your suggestions, though!

    Posted 3 years ago #
  6. true. maybe you should put the tile on the body background and then progressively layer over it. (you'd need a top and bottom)

    Posted 3 years ago #
  7. waxpop
    Member

    Which divs might I put those two pieces into? Or do I need to create new divs? (Sorry - this is my first attempt at designing a Wordpress theme and I know I'm being a pain the butt!)

    ETA: I guess I'm wondering why a footer that could stretch as far down as the comments reached, with a repeat-y background image wouldn't work. That seems a lot simpler than cutting my background image in two and trying to match it up into two divs, but maybe it's easier than it sounds. :)

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.