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
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
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.
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?
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.
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
