Forums

Problems with my CSS - PHP coding easy peasy if you know your stuff - Really nee (2 posts)

  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.

About this Topic