How to add EMAIL US and icon to the left of social icons

Discussion in 'Local Business WordPress Theme' started by cashbigger, May 29, 2013.

  1. cashbigger

    cashbigger New Member

    Joined:
    Feb 28, 2013
    Messages:
    24
    Likes Received:
    0
    How can I add a letter icon with email us on it. Which when they click goes to mailto: our email address. I would like it to be more prominent than social buttons and bigger and to the left of them.
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Follow the path given below.

    Dashboard-->Appearance-->Editor-->header.php file and write the code as shown in the screenshot given below.

    [​IMG]


    Code:
        <li><a href="mailto:your mail address" title="email"><img src="<?php echo get_template_directory_uri(); ?>/your image address" alt="email" /></a></li>
    This will resolve your issue.
     
  3. cashbigger

    cashbigger New Member

    Joined:
    Feb 28, 2013
    Messages:
    24
    Likes Received:
    0
    I tried the above but on looking at it on the site the logo for email is too small (same size as other icons) I want SEND US EMAIL in white text which links to mailto: address. I edited the code you gave me to be just text but text is dark instead of white? Can you take a look as I sent link to thread via support email.
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    I have checked your dashboard and added code given below in the custom css for mail text color and size. If you want, You can edit it from there.

    .social_logo ul li a {
    color: #fff;
    font-size: 20px;
    }


    Note: You have added Google analytic code in the custom css. Which is wrong. It will affect your css. I have shifted it to the
    Appearance > Theme options > General settings > Google tracking code. And it is working fine. Please check it.
     

Share This Page