Title: Social Icon Button
Last modified: August 21, 2016

---

# Social Icon Button

 *  [misterfancy](https://wordpress.org/support/users/fancypeeps/)
 * (@fancypeeps)
 * [12 years ago](https://wordpress.org/support/topic/social-icon-button/)
 * Hi – I created a custom button for this theme and wanted to add it directly to
   the Left of the Facebook icon that’s on the top right side of the header along
   with the other social media buttons.
 * Can anyone help me out? Thanks!
 * Here’s the website: [http://svgur.ipower.com/](http://svgur.ipower.com/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Chris Barrett](https://wordpress.org/support/users/cbarrett123/)
 * (@cbarrett123)
 * [12 years ago](https://wordpress.org/support/topic/social-icon-button/#post-5156175)
 * Looks like the theme you have uses a proprietary social media widget. You could
   look at overwriting the graphics in the default image sprite that contains the
   icons with your own custom images (making sure they match the dimensions of the
   included image file) and then referencing that via a child theme:
 *     ```
       ul.social-profile li a {
        background: url("http://your-site.com/path-to-custom-social-icon-sprite/social-profile.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
       }
       ```
   
 * You can find the original file here: [http://svgur.ipower.com/wp-content/themes/catch-everest/images/social-profile.png](http://svgur.ipower.com/wp-content/themes/catch-everest/images/social-profile.png)
 * Of course, replace “your-site.com/path-to-custom-social-icon-sprite/social-profile.
   png” with the correct path information. If you are not familiar with using child
   themes, please review: [Child_Themes](http://codex.wordpress.org/Child_Themes)
 * Alternatively, you may want to check the plugin depository for a more flexible
   social media sharing widget. Or, if this is a social network that your included
   plugin doesn’t already support.
 *  Thread Starter [misterfancy](https://wordpress.org/support/users/fancypeeps/)
 * (@fancypeeps)
 * [12 years ago](https://wordpress.org/support/topic/social-icon-button/#post-5156253)
 * Thanks for the help. I managed to do it another way but there’s one little problem.
   The new Yelp button I added for the social media icons says “on YouTube” for 
   the ALT text. How do I changed this to “on Yelp”?
 * I just noticed something else and I’m stumped. The new Yelp button shows on my
   webpage when I’m logged in to WordPress but when I log off and view the webpage
   the new Yelp button doesn’t show up. Any ideas?
 *  [Chris Barrett](https://wordpress.org/support/users/cbarrett123/)
 * (@cbarrett123)
 * [12 years ago](https://wordpress.org/support/topic/social-icon-button/#post-5156381)
 * Your theme provides integrated support for a set number of social media network.
   Yelp is not one of them. If you replace the YouTube icon image with a Yelp icon
   image, that does not change the theme’s coding for YouTube. It would be expected
   references such as `alt` tag would still reference the original social media 
   network that you attempted to overwrite.
 * As I mentioned in my original response, if this is a social network that your
   theme doesn’t already support, you may want to look for a third party social 
   media plugin.
 * Alternatively, you could copy the `catcheverest_social_networks()` function in
   the `/wp-content//themes/catch-everest/inc/catcheverest-functions.php` file to
   a `functions.php` in a child theme, then change the “YouTube” link as you need:
 *     ```
       if ( !empty( $options[ 'social_youtube' ] ) ) {
               $catcheverest_social_networks .=
                 '<li class="you-tube"><a href="'.esc_url( $options[ 'social_youtube' ] ).'" title="'.sprintf( esc_attr__( '%s on Yelp', 'catcheverest' ),get_bloginfo( 'name' ) ).'" target="_blank">'.get_bloginfo( 'name' ).' Yelp </a></li>';
             }
       ```
   
 * Or, (better yet) add a separate option for Yelp, but I’ll leave that solution
   for you.
 * Regarding the image icon not appearing, after you make the changes, make sure
   that you clear the cache and “hard” refresh the page in your browser to be able
   to see the changes right away. Also, don’t forget if you have any caching WordPress
   plugins installed, or use a CDN (like CloudFlare) to also either clear their 
   cache or disabled them for the time being altogether. If you’re not sure how 
   to “hard” refresh, this site has some great tutorials on how to clear your cache:
   [How to Clear Your Browser’s Cache Instructions](http://www.wikihow.com/Clear-Your-Browser%27s-Cache).
 * Also check with your host and make sure that if they use a caching system above
   your site, that that is being cleared, too. For example: [http://support.godaddy.com/help/article/8057/clearing-the-server-cache-using-website-accelerator](http://support.godaddy.com/help/article/8057/clearing-the-server-cache-using-website-accelerator)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Social Icon Button’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [Chris Barrett](https://wordpress.org/support/users/cbarrett123/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/social-icon-button/#post-5156381)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics