swapping social icon

Discussion in 'Cloriato WordPress Theme' started by jamsog, Feb 3, 2013.

  1. jamsog

    jamsog Member

    Joined:
    Aug 23, 2012
    Messages:
    133
    Likes Received:
    0
    Hi , ive tried to change the icon from teh stumbleupon icon to a youtube icon, can anyone help me here please? i have the link correct but cannot change the icon since
     
  2. jamsog

    jamsog Member

    Joined:
    Aug 23, 2012
    Messages:
    133
    Likes Received:
    0
  3. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    It is not possible to replace Stumbleupon icon to a YouTube icon, but you can add Youtube icon manually in your header, If you want to do so then go to header.php present in your theme directory and add the code given below

    Code:
    <li class="twitter"><a href="Enter your link address"><span><img src="Enter your image address here"/></span></a></li>
    Sending image for reference [​IMG]

    Upload your social media image in the media library and provide it's source at the place of "Enter your image address".
    To add more icons, follow same process.
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    For this issue, you have to follow the steps given below
    1. Upload a youtube icon image in the media library panel of dashboard and copy the url of that image.
    for the reference see the image given below
    [​IMG]

    2. Go to header.php file present in your Theme Directory and add the code given below in the header.php file.
    Code:
    <li class="youtube"><a href="http://www.youtube.com"><span><img src="http://localhost/wordpress1/wp-content/uploads/2013/02/you.png"/></span></a></li>
    For the reference see the image given below
    [​IMG]

    through this you can add your social icon.



    If you want to remove the stumbleupon icon, then paste the following code in your custom css
    Appearance -> Theme Options -> Styling Options -> Custom CSS
    Code:
    .upon {
    display: none ! important;
    }




    For this issue follow the steps given above in the answer of Q1.
     
  5. jetrat

    jetrat New Member

    Joined:
    Dec 28, 2011
    Messages:
    2
    Likes Received:
    0
    I was able to change the social media icon of 'Stumbleupon' to 'YouTube' by going in and editing the image file 'sprite.png' in the theme->images folder.

    I did this in Photoshop Elements. I downloaded a 'YouTube' logo and then sized the image over the top of the 'Stumbleupon' image. I then saved the file and ftp the file to the same location causing it to replace the original.

    Works fine.
     

Share This Page