WordPress.org

Forums

[resolved] Border images around content area. (5 posts)

  1. naviathan
    Member
    Posted 3 years ago #

    I'm trying to place a wood grain border around my content area on a wordpress blog I'm setting up for my wife. For the life of me I can't seem to find a decent way of doing this. There's some new CSS3 tags for border-image that are suppose to make this easier, but so far I haven't been able to get anything to work. The offending blog is here: http://alli-art.com and the area I want the border images is where it's currently got a black border around a canvas material background. Any help is greatly appreciated.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Add a wrapper div around the content area with a small padding and then add a wood background to the wrapper.

  3. naviathan
    Member
    Posted 3 years ago #

    Pardon my ignorance, I'm still learning. I understand what a div is and I assume a wrapper div would be a div that opens and closes before and after the content area respectively and of course I'd have to use something like <div id=contWrapper> to give CSS something to style, but I don't know where to find the content area. My template is based off of the twentyten template if that helps. There's so many files associated with these templates and half the time I can't figure out where the html is beyond all the php in them.

  4. naviathan
    Member
    Posted 3 years ago #

    Ok I have this sort of figured out. I added a wrapper around my content area, gave it a 10px padding, adjusted some margin issues between the content area and the wrapper and now it looks perfect...in Dreamweaver and Chrome. For some reason, IE 9 and Firefox 4 are displaying a larger bottom margin than Dreamweaver and Chrome are showing. What am I missing here?

  5. naviathan
    Member
    Posted 3 years ago #

    Not sure why, but I had to pad the bottom of the content area to get the content areas background to match up with the content wrapper so the border looks even.

Topic Closed

This topic has been closed to new replies.

About this Topic