Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Want to place icon in Sidebar


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 5, 2009, 06:31 PM
HalfWayThere
 
25 posts · Feb 2009
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. :-)
  #2  
Old Feb 5, 2009, 06:45 PM
Flynn's Avatar
Flynn
 
3,766 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:
.posts-icon, 
.comments-icon,
.home-icon {
margin-top: 5px;
}

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

Bookmarks

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 10:37 AM.


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