WordPress.org

Ready to get started?Download WordPress

Forums

Trying to add a small image on the side of my logo (3 posts)

  1. jeffisme
    Member
    Posted 4 years ago #

    I have wordpress blog here:
    http://thekisseloffcollection/wordpress/KC

    I have a small clipart drawing that I would like to add to one side of my logo (same height as the logo) and can't figure out how to do it.

    If anyone could direct me to a help site or advise me on the code to add, I'd greatly appreciate it

    jeff

  2. stvwlf
    Member
    Posted 4 years ago #

    Hi

    make these changes:

    in your theme's header file (most likely header.php)
    Find this line:
    <div id="header">
    add this as a new line beneath it
    <div id="logo"></div>

    In your CSS stylesheet
    find this section

    #header {
     margin: 80px 0;
     text-align: center;
     width: 960px;
    }

    add as a new line between the brackets
    position: relative;

    add this as a new section at the bottom of the sheet

    #logo {
      background: url(images/logo_filename.jpg) no-repeat;
      position: absolute;
      left: 190px;
      top: -10px;
      height: 36px;
      width: 36px;
    }

    Change filename to the name of your logo file - put the file in your theme's images folder.
    Change height and width to those of your logo image.
    As you view the site, adjust Left and Top to position the logo where you want it in relation to the header text.

  3. jeffisme
    Member
    Posted 4 years ago #

    Worked perfectly.
    Many thanks,

    jeff

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags