Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Want to place icon in Sidebar

Old Feb 5, 2009, 06:31 PM
25 posts · Feb 2009

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. :-)
Old Feb 5, 2009, 06:45 PM
Flynn's Avatar
3,768 posts · Oct 2008
Munich, Germany
Put this into HTML/CSS Inserts -> CSS Inserts:

HTML Code:
.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.:
HTML Code:
<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:

HTML Code:
.home-icon {
margin-top: 5px;

Last edited by Flynn; Feb 5, 2009 at 07:05 PM. Reason: changed post-icon to posts-icon
Old Feb 7, 2009, 12:30 PM
25 posts · Feb 2009
Thanks - you are a star. I have managed to get things just as I wanted.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Calendar icon for date jpreuss Post-Kicker, -Byline & -Footer 7 Jun 9, 2011 10:05 AM
how to place and where to place a sign up box zizi Header configuration & styling 5 Oct 10, 2010 08:41 PM
Newbie here. How do I place sidebar in pages? No side bars are shown in pages. xtrong Sidebars & Widgets 12 Jul 10, 2009 07:24 PM
Place image about sidebar tim5046 Sidebars & Widgets 3 Jun 11, 2009 02:55 PM
Feed icon in categories perdox808 RSS, Feeds & Subscribing 18 May 6, 2009 10:32 AM

All times are GMT -6. The time now is 04:36 PM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.