Forums

How to add #outerwrapper (18 posts)

  1. visionphotographs
    Member
    Posted 3 years ago #

    First, I'm relatively new to WordPress, so bare with me....

    I'd like to add an outerwrapper to my blog....I have a .png file that is like a shaded border. I have put the .png file in my images folder on my server under the theme.

    Now I would like to add the image to my the edges of the blog's body...my blog is http://www.visionphotographs.com/blog.

    I just don't know how to do it....if you can direct me where to insert php and what php code to insert I would greatly appreciate it. Thanks!

    Erica

  2. Saurus
    Member
    Posted 3 years ago #

    I would make a guess - since your link returns a 404 error - that this should be inserted as a body element as a bg image.

  3. visionphotographs
    Member
    Posted 3 years ago #

    oops...sorry it added a period at the end.

    http://www.visionphotographs.com/blog

    Well how would I do that....I already have a background image...and the outerwrapper I'm talking about would go around the body (center column) of the entire blog...

  4. visionphotographs
    Member
    Posted 3 years ago #

    bumping...would really like anyone's help!

  5. visionphotographs
    Member
    Posted 3 years ago #

    I tried inserting into the body...but I'm not sure how to tag it...any help anyone?

  6. whooami
    Member
    Posted 3 years ago #

    have you read anything in the codex on css? troubleshooting style issues? anything?

  7. visionphotographs
    Member
    Posted 3 years ago #

    Yes I've searched everywhere to see how I can add this and I can't find anything. I've tried so many different ways to do this...trying to interpret posts...but I can't figure it out...that's why I posted in here.

    Again, I'm not a pro at word press...Thanks for any help!

  8. whooami
    Member
    Posted 3 years ago #

    well your asking how to add PHP

    if you can direct me where to insert php and what php code to insert ...

    and PHP has nothing to do with stylesheets.

    So the answer to my question would be no.

  9. visionphotographs
    Member
    Posted 3 years ago #

    Well that's my question....is it something that I can do in the css or is it in the php sections?

    If you can't help...not sure why you are answering. I'm trying to get help, not get harassed. I've asked really nicely as I really need help. I am no pro on this. I'm not sure why you started being rude. I'm asking for a nice person to help if they can. If not, then I guess I don't get what I'd like, which is more than OK. I will survive.

  10. whooami
    Member
    Posted 3 years ago #

    what you are trying to add is not PHP, no. However, you need to edit your theme files to add it, and those theme files contain PHP

    you said this:

    I'd like to add an outerwrapper to my blog

    do you not know what *that* is?

    Im not asking to be rude. Im trying to figure out if you know *what* code you want to use. I dont think that you do.

    something that is going to be show up on the edges of your theme will need to go immediately inside the html tags, opening and closing.

    usually the opening html tag is inside the themes header.php and the closing html tag is inside footer.php

  11. visionphotographs
    Member
    Posted 3 years ago #

    Yes I know what it would look like. Below is an example on a blog:

    http://chelseabeckphotography.com/blog/

    It's the shading one the edges of the middle page area.

    On her css it says #outwrapper...which is where I came up with that term. However, maybe that's not the right term, I'm not sure.

    So it sounds like some sort of code would go in the header.php area. That is definitely a start.

    This is what her code says, but I don't think it would work for my blog...I think you are right and some sort of code needs to be in my header.php area...I'm just not sure what that code is.

    /* ---------------------- */
    /* -----LAYOUT STUFF----- */
    /* ---------------------- */
    #outerwrapper {
    width: 994px;
    margin:0 auto;
    background: url(http://visionphotographs.com/blog/wp-content/themes/jillij-flash/images/hover.png) repeat-y;
    }
    #wrapper {
    background:#ffffff;
    width:980px;
    margin:0px auto 0px auto;
    }

  12. Dgold
    Member
    Posted 3 years ago #

    maybe something like
    <div id="outerwrapper">
    in your header.php

    and something like
    </div>
    in your footer.php

    and define the #outerwrapper in your theme's style.css stylesheet

  13. Saurus
    Member
    Posted 3 years ago #

    You could have avoided all this by simply asking something like "I have an image I would like to use as a background on my site, Can anyone offer any advice on WHAT I NEED TO DO TO DO THIS?"

    #container is a styles term. CSS "styles" the markup (HTML) on a site. PHP is an entirely different issue. Using terms you are not familiar with just causes problems. State your question in basic terms. In your case - the answer would be a styles (CSS) issue - not PHP.

    And I repeat - your link is not working. Makes it rather hard to see your source and make an educated guess what you need to change for the desired effect, no?

  14. visionphotographs
    Member
    Posted 3 years ago #

    I didn't bring up php...Whoami did...he said it was a php issue. I'm just going off what you guys say...I don't know which it is.

    My site is:
    http://www.visionphotographs.com/blog

    The site shading background I am trying to replicate is:
    http://chelseabeckphotography.com/blog

    Thanks.

  15. whooami
    Member
    Posted 3 years ago #

    I didn't bring up php...Whoami did...he said it was a php issue.

    eh-eh-eh

    lets review your very first post:

    First, I'm relatively new to WordPress, so bare with me....

    I'd like to add an outerwrapper to my blog....I have a .png file that is like a shaded border. I have put the .png file in my images folder on my server under the theme.

    Now I would like to add the image to my the edges of the blog's body...my blog is http://www.visionphotographs.com/blog.

    I just don't know how to do it....if you can direct me where to insert php and what php code to insert I would greatly appreciate it. Thanks!

    thats not me, and im female. Now please, carry on.

    fwiw, dgold gave you the answer -- he didnt give you the "hold my hand please" answer but it is the answer, all the same.

  16. visionphotographs
    Member
    Posted 3 years ago #

    Ugh you are correct...gosh it's way too late for me to be doing this...OK so I am sorry for that. Anyway, it seems like I have to work in both the php and css. So I will see what I can do with Dgold's answer. It's kind of working...I'm sure I will figure it out.

  17. whooami
    Member
    Posted 3 years ago #

    nope, you just have to edit files that have php in them. Look for the opening <html> tag, put what dgold first immediately after that, locate the closing </html> tag, and put the second bit he mentioned immediately before that.

    Once thats done, than you edit your stylesheet.

  18. visionphotographs
    Member
    Posted 3 years ago #

    I think I almost have it...I just need to get the width right....thank you all!

Topic Closed

This topic has been closed to new replies.

About this Topic