WordPress.org

1. afroboy
   Member
   Posted 2 years ago #

   Hi all

   Right, Finially managed to get around to modifying a theme. I thought first things first. I want to have a Icon on my Sidebar to link to my Facebook profile page -why not!!

   as a result i wrote the following bit of script in sidebar.php
   

   <!-- Facebook - Lee Robinson */ -->
   
   <li>
   
   		<li class="fb-icon">
   			<a href="http://www.facebook.com/afroboy360" title="Check out my Facebook Profile!" target="_blank">
   				<span>Facebook</span>
   				Visit my Facebook Profile			</a>
   
   		</li>
   	</ul>
   </li>

   as you can see, it calls on the fb-icon class

   as a result i have written thhe following code on my stylesheet.css
   

   /* Facebook Icon */
   fb-icon {
     margin-left: 3px;
     padding: 0 0 0 19px;
     background: url("http://www.afroboy.co.uk/blog/images/site-icons/fb-icon.jpg") no-repeat 0 50%;
   }

   Now if you go to http://www.afroboy.co.uk you will see that my txt link is there but my little Facebook icon i made isnt

   I have no idea why this isnt working and its driving me crazy

   Any helpwould be greatly appreciated

2. alchymyth
   The Sweeper
   Posted 2 years ago #

   this seems to work:

   /* Facebook Icon */
   #sidebar .fb-icon {
     margin-left: 10px; height:45px;
     padding: 0 0 0 40px;
     background: url("http://www.afroboy.co.uk/blog/images/site-icons/fb-icon.jpg") no-repeat top left;
   }

Topic Closed

This topic has been closed to new replies.