• Hello!

    I am brand new to coding and wordpress, but am helping a friend amend her www.remarpro.com site – https://www.byappointmentafrica.com (different account to the one I am using to submit this ticket).

    We are trying to add a Google Plus icon at the top right of her website header banner, next to the existing Twitter/Linked In/Facebook icons that are there already. In the header.php editor I can see the code for the other 3 social icons that are there already (Twitter,Linked In and Facebook “social-icon-wrappers”), but if I try and repeat the same code but replace ‘facebook’ i.e. with ‘google plus’ or ‘gplus’ or ‘googleplus’ (not sure which one is correct), it just creates a duplicate Facebook icon, but in the correct location and style (so I know I am half on the right track! =)).

    The header.php code is:

    <header class=”banner container” role=”banner”>
    <div class=”row header-main”>
    <div class=”col-md-2 col-sm-3 hidden-xs”>
    <div class=”header-logo”>
    /”><img src=”<?php echo get_template_directory_uri(); ?>/images/logo.png” alt=”Logo” class=”img-responsive”>
    </div>
    </div>
    <div class=”col-md-6 col-sm-4 col-xs-3″>
    <div class=”header-title”>
    <img src=”<?php echo get_template_directory_uri(); ?>/images/header-title.png” alt=”By Appointment Africa” class=”img-responsive”>
    </div>

    </div>
    <div class=”col-md-4 col-sm-5 col-xs-9″>
    <div class=”row”>
    <div class=”col-md-12″>
    <div class=”header-social-links”>
    <div class=”social-icon-wrapper”>
    ” class=”social-icons twitter”>
    </div>
    <div class=”social-icon-wrapper”>
    ” class=”social-icons linked-in”>
    </div>
    <div class=”social-icon-wrapper”>
    ” class=”social-icons facebook”>
    </div>
    </div>
    </div>
    </div>
    <div class=”row”>
    <div class=”col-md-12″>
    <div class=”header-subtitle”>
    Bespoke Recruitment
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class=”row”>
    <div class=”col-md-12″>

    <i class=”icon-reorder”></i>

    <nav class=”nav-main” role=”navigation”>
    <div class=”collapse navbar-collapse”>
    <?php
    if (has_nav_menu(‘primary_navigation’)) :
    wp_nav_menu(array(‘theme_location’ => ‘primary_navigation’, ‘menu_class’ => ‘nav navbar-right navbar-custom’));
    endif;
    ?>
    </div>

    </nav>
    </div>
    </div>
    </header>

    Can anyone help/suggest/guide me on the right code duplication (using the existing code that is there) to add in a Google Plus icon?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • google + is an option to add in the theme social options tab of word press admin

    Thread Starter lucypineapple

    (@lucypineapple)

    hi noleftturn – I have looked under appearance>themes in my wordpress admin Dashboard but don’t see any social options. The only place I can see anything to do with Social Media buttons anywhere in the whole Dashboard is as code in the header.php editor, and then also in Appearance>Theme options>General Settings – where you can enter the URLs that each icon links to……please help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help Adding Google Plus Icon Onto Website Header’ is closed to new replies.