WordPress.org

Ready to get started?Download WordPress

Forums

CSS (5 posts)

  1. agnese_za
    Member
    Posted 1 year ago #

    Hello,
    I do not know what I am doing wrong. But I added my social network icons. I put them in header.php like this:

    <div id="header">
    		<a href="<?php echo get_option('home'); ?>">
    		<img id="site-logo" src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a>
    
    	<div id "icons">
    		<a href="https://twitter.com/AgyTalks">
    		<img id="twitter" src="wp-content/themes/AgyTalks/images/twitter.png" alt="" /></a>
    
    		<a href="http://www.facebook.com/pages/AgyTalks/146142402095907?ref=hl">
    		<img id="facebook" src="wp-content/themes/AgyTalks/images/facebook.png" alt="" /></a>
    
    		<a href="https://plus.google.com/u/0/114327729751459515132/posts">
    		<img id="google" src="wp-content/themes/AgyTalks/images/google.png" alt="" /></a>
    
    	</div>
    </div>

    the CSS I added was like this:

    #header #icons{
    	margin-left: 100px;
    
    }
    #header #icons  #twitter {
    	padding-bottom:1%;
    	margin-top: -60px;
    	margin-right: 2px;
    	margin-left: 100px;
    }
    
    #header #icons  #facebook {
    	padding-bottom: 1%;
    	margin-top: -60px;
    	margin-right: 2px;
    	margin-left: 100px;
    }
    #header #icons  #google {
    	padding-bottom: 1%;
    	margin-top: -60px;
    	margin-leftt: 100px;
    
    }

    But they are still on the left side, but I want them on the right side in the header section next to menu. Also I cannot make the show up on other pages (Articles, Single post) If my logo is showing throughout the whole page why are not the icons if I put them in the same div as my logo.

    Thank You,
    Agnese

    My page: http://www.agytalks.com

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you post a valid link please?

  3. Keith Burgie
    Member
    Posted 1 year ago #

    You're missing an = sign in your icons div.

    <div id = "icons">

    Correct that and then we'll see what else is going on.

    If it were me I would skip the individual tags for #twitter, #facebook and #google and make something like a ".social" class that covers all three of them.

  4. agnese_za
    Member
    Posted 1 year ago #

    What do you mean by valid link? The link is working fine for me.

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    19 hours ago the link wasn't working, did you resolve this issue?

Topic Closed

This topic has been closed to new replies.

About this Topic