That topic is for the Sentence theme so it may need a little bit of adjustment. From your screenshot, it looks like the Pinterest icon may need to be adjusted so that the hover part of the image is a bit further over. The hover state moves the background 47 pixels over so it should enough room for that to create an actual hover effect.

Along with your theme there should have been other files. Do you still have them? One of those files had 8 psd files (photoshop format) and one of those psd files are the social icons. I am not good with graphics,. always wind up with some ugly stuff.

thank you. Yes, I know those .psd files. I used the file “icon-discons-Master.psd” to generate 2 additional files. Size 24×24 format .png. Placed them into the folder /wp-content/themes/propulsion/images/layout and add the additional code snippet “echo ‘ <li class=”pinterest”>Pinterest';” in functions.php as written above.

I’m posting this here as a helper for anyone looking to add or adjust their social media icon in the Propulsion theme. This will setup the controls in the backend, allowing you to turn them on or off in the theme’s control panel.

In the file register-admin-options.php find the code that matches and add the following directly under (i have used Pinterest for this example):

$avia_elements[] = array(

“name” => “Pinterest”,

“desc” => “Enter your Pinterest link. If you leave this blank the Pinterest link in the head / footer of your site wont be displayed.”,

“id” => “Pinterest”,

“slug” => “avia”,

“std” => “”,

“type” => “text”);

In the file footer.php find the code that matches and add the following directly under: