Hi

Maybe I am doing something stupid here, but I am trying to insert a small image (called home2_icon.gif) in the left hand sidebar to the left of the link called "Home/Latest Post".

I have tried many different ways to get this to work, without success ...

(I know the image is rather small - that isn't the issue, as I plan to resize this once I have got the coding correct),

Thanks in advance. :-)

Put this into HTML/CSS Inserts -> CSS Inserts:

.home-icon {
    background: transparent url(/wp-content/themes/atahualpa3/images/home2_icon.gif) no-repeat scroll 0;
    height: 22px;
    line-height: 22px;
    padding-left: 25px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    }

Change the image path in url(......home2_icon.gif) if the image is located elsewhere.
Change height and line-height values to the height of the image.
Change padding-left to the width of the image + desired distance between image and link.

and change the link in the text widget to, i.e.:

<a class="home-icon" href="/" title="Matters Today Home">Home Page/Latest Post</a>

To put space between all three image/link combis put this at the bottom of CSS Inserts:

.posts-icon, 
.comments-icon,
.home-icon {
margin-top: 5px;
}

Thanks - you are a star. I have managed to get things just as I wanted.