WordPress.org

Support

Support » Themes and Templates » idiors guide?

idiors guide?

  • Hello there,
    Can you tell me if there is a simple idiots guide to adding a simple picture in the template for my blog?
    Basically, all i want to do is have a little picture at the top instead of the name of my site. Im just using the standard template just now.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Mark (podz)

    @podz

    Support Maven

    In your css is the declaration for header
    #header {
    background-color: Black;
    background-image: url(../../../images/black.jpg);
    background-repeat: no-repeat;
    border-bottom: double 3px #aba;
    border-left: solid 1px #9a9;
    border-right: solid 1px #565;
    border-top: solid 1px #9a9;
    font: normal 230% ‘Lucida sans Unicode’, Verdana, sans-serif;
    letter-spacing: 0.2em;
    margin: 0;
    padding: 15px 10px 145px 120px;
    }
    in the ‘background-image’ specify the location for your image.
    If it was called “bananas.jpg” for instance, and you put that image in your WP directory, the line would look like this:
    background-image: url(bananas.jpg);
    Change other variables in that decl one at a time, and check the changes each time.

    Mark (podz)

    @podz

    Support Maven

    Oops, that’s /my/ header obviously.
    The default one is somewhat different.

    Where do I find css main file??
    I dont see them in template (index.php)
    gwlj

    Should be called “wp-layout.css” I believe. Search your folders for that …

    and take out the
    font: normal 230% ‘Lucida sans Unicode’, Verdana, sans-serif;
    if you don’t you’ll get text over your image… I did this already and found out that’s what I had to do in order to get the text off my image

    So, I cant modify it inside wordpress program?
    I have to open wp-layout.css file from file manager and then run html editor & modify it?
    gwlj

    Heh, you’ll have to forgive us. We’ll post 500 lines of CSS if we think it’s even questionably better then a tag-replacement.
    In your index.php file, look for the <h1> tag near the top, and inside that the <?php bloginfo(‘name’); ?> php tag. All you need to do is replace that with this:
    <img src=”your-image-here.jpg” alt=”<?php bloginfo(‘name’); ?>” />
    That should do it!

    Heck Stev. This is Design. We do not doPHP.

    There’s no real reason to bump this thread but that has to be the funniest thread title I’ve ever seen.

    🙂
    Will

    I’m almost afraid to ask for what you were searching when you found it, Will!

    🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘idiors guide?’ is closed to new replies.