Social Icons in the header

  • Hi. I have asked about the social links in the header above the header image. I want my own custom social images instead of the ones you give.

    I am going to paste my whole header.php from my css editor.

    Could you please just explain again? I’ve tried what you said previously but it doesn’t show up as my icons.

    Here is my icons in HTML:

    <img class=”size-full wp-image-640 alignleft” src=”https://stickyfings.com/wp-content/uploads/google_plus2.png&#8221; alt=”google_plus” width=”50″ height=”51″ /><img class=”size-full wp-image-642 alignleft” src=”https://stickyfings.com/wp-content/uploads/twitter2.png&#8221; alt=”twitter” width=”50″ height=”51″ /><img class=”size-full wp-image-641 alignleft” src=”https://stickyfings.com/wp-content/uploads/pinterest2.png&#8221; alt=”pinterest” width=”50″ height=”50″ /><img class=”alignleft size-full wp-image-639″ src=”https://stickyfings.com/wp-content/uploads/facebook2.png&#8221; alt=”facebook” width=”50″ height=”50″ />

    <?php
    /**
    * The Header template
    */
    ?>
    <!DOCTYPE html>
    <!–[if IE 7]>
    <html class=”ie ie7″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if IE 8]>
    <html class=”ie ie8″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if !(IE 7) | !(IE 8) ]><!–>
    <html <?php language_attributes(); ?>>
    <!–<![endif]–>
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
    <meta name=”viewport” content=”width=device-width”>
    <title><?php chocolat_page_title(); ?></title>

    <link rel=”profile” href=”https://gmpg.org/xfn/11″&gt;
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
    <?php chocolat_sp_icon(); ?>
    <?php chocolat_favicon(); ?>
    <!–[if lt IE 9]>
    <script src=”<?php echo get_template_directory_uri(); ?>/js/html5.js”></script>
    <![endif]–>
    <?php wp_head(); ?>
    </head>

    <body id=”top” <?php body_class(); ?>>
    <!– wrapper –>
    <div id=”wrapper” class=”container”>
    <!– header –>
    <header id=”header”>
    <!– header-inner –>
    <div id=”header-inner”>
    <div id=”header-top” class=”clearfix”>
    <div class=”header-title”>
    ” title=”<?php esc_attr_e( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”>
    <h1 id=”site-title”><?php chocolat_site_title(); ?></h1>
    <?php chocolat_site_description(); ?>

    </div>
    <div class=”header-links”>
    <?php
    chocolat_contactlink( ‘contactlink-top’ );
    get_search_form(); ?>
    </div>
    </div><!– /header-top –>

    <div id=”header-center” class=”clearfix”>
    <?php if ( get_header_image() ) : ?>
    <div id=”header-image” class=”thumbnail”>
    <img src=”<?php header_image(); ?>” height=”<?php echo get_custom_header() -> height; ?>” width=”<?php echo get_custom_header() -> width; ?>” alt=”” />
    </div><!– /header-image –>
    <?php endif; ?>

    <!– globalnav –>
    <div id=”nav-control” class=”close”>
    <span class=”icon-menu”></span>
    </div>
    <?php wp_nav_menu( array(
    ‘theme_location’ => ‘globalnav’,
    ‘container_class’ => ‘globalnav clearfix’,
    ‘menu_class’ => ‘globalnav clearfix’,
    ) ); ?>
    </div><!– /header-center –>

    <div id=”header-bottom” class=”clearfix”>
    <?php chocolat_breadcrumb(); ?>
    </div><!– /header-bottom –>
    </div><!– /header-inner –>
    </header><!– /header –>

    <!– contents –>
    <div id=”contents” class=”clearfix”>

  • The topic ‘Social Icons in the header’ is closed to new replies.