WordPress.org

Ready to get started?Download WordPress

Forums

How to add links/images in footer in different text-align (9 posts)

  1. Family Guy
    Member
    Posted 5 years ago #

    Hello,

    I want to add links in different locations in my footer [left, center and right] http://i34.tinypic.com/352ns42.jpg

    That`s my CSS footer line:

    #footer {
    	background: #333333;
    	width: 960px;
    	height: 35px;
    	margin: 0px;
    	padding: 0px;
    	text-align: left;
    	}
    
    #footer p {
    	color: #FFFFFF;
    	font-size: 11px;
    	font-family: Arial, Tahoma, Verdana;
    	margin: 0px;
    	padding: 9px 0px 0px 0px;
    	}
    
    #footer a, #footer a:visited {
    	color: #333333;
    	text-decoration: none;
    	}
    
    #footer a:hover {
    	color: #333333;
    	text-decoration: underline;
    	}

    Thanks.

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    As link to your site would be far more helpful. As would some more details - such as do you want to add 3 single links or 3 lists of links? And where will these links come from? Will they be hard coded into the footer or pulled from your WP Links?

  3. Family Guy
    Member
    Posted 5 years ago #

    I want to add links manually by editing footer.php

    3 single links, one after another. href="link">Title | href="link">Title | href="link">Title, etc.

    Thanks.

  4. Family Guy
    Member
    Posted 5 years ago #

    What`s up? :) umm is it even possible to do this?!

  5. Family Guy
    Member
    Posted 5 years ago #

    I really wanna do this, since i got accepted in Adsense to ;)

  6. notwiz
    Member
    Posted 5 years ago #

    Use nested floating divs inside the footer to place the links in the specific place.
    Ex:

    #mylinks { float: right; width: 400px; }

    Use margin properties to tune the exact location of the div.

  7. Family Guy
    Member
    Posted 5 years ago #

    Hey, sorry for the delay..

    This is what i got http://i38.tinypic.com/2laymph.jpg

    I added the code to my Stylesheet like this:

    #footer {
    	background: #333333;
    	width: 960px;
    	height: 35px;
    	margin: 0px;
    	padding: 0px;
    	text-align: left;
    	}
    
    #mylinks { float: right; width: 400px; }
    
    #footer p {
    	color: #FFFFFF;
    	font-size: 11px;
    	font-family: Arial, Tahoma, Verdana;
    	margin: 0px;
    	padding: 9px 0px 0px 0px;
    	}
    
    #footer a, #footer a:visited {
    	color: #333333;
    	text-decoration: none;
    	}
    
    #footer a:hover {
    	color: #333333;
    	text-decoration: underline;
    	}

    And the code in footer like this:

    <div id="footer">
    	<p>
    <a href="http://wordpress.org" title="Powered by WordPress"><img src="http://ripwrz.com/wp-content/uploads/wordpress.png" alt="Powered by WordPress" width="24" height="24" /></a>
    
    <a href="http://twitter.com/RIPWRZ" target="_blank" title="Follow me on Twitter"><img src="http://ripwrz.com/wp-content/uploads/twitter.png" alt="Follow me on Twitter" width="24" height="24" /></a>
            </p>
    <div id="mylinks"><a href="http://twitter.com/RIPWRZ" target="_blank" title="Follow me on Twitter"><img src="http://ripwrz.com/wp-content/uploads/twitter.png" alt="Follow me on Twitter" width="24" height="24" /></a></div>
    </div>
    
    <?php do_action('wp_footer'); ?>

    What i`m doin wrong? :(

    Thanks alot.

  8. Family Guy
    Member
    Posted 5 years ago #

    Hey. i still cant figure it out. im using WordPress version: 2.8.5 now btw.

    Please help,
    Thanks.

  9. s_ha_dum
    Member
    Posted 5 years ago #

    Provide a link to your site and your chances of getting this solved go way up.

Topic Closed

This topic has been closed to new replies.

About this Topic