The theme only comes with a preset of social icon links. To add another social media icons, you can follow these steps:

a.) If you want to make a “circled” social media icon of, for example, SoundCloud, I strongly recommend you use the included PSD template files located on the “PSD” folder of the zip file of your downloaded Morphis theme package(ex: Morphis1.9.2-WP.zip) from ThemeForest. Please note that this only acts as a “template” for creating your icons so that it would appear “circle/rounded” and it should set the proper size to use for the icon.

If you already have a ready-made icon, you can also use that too. But it is important that you follow the icon size from the PSD template.

You can use the “mono-icon.PSD” file for the dark version of the theme and the “mono-icons-light.PSD” if you’re using the light version of the theme. Take note that you have to save your icon as a .PNG file to the folder “morphis/images/icon/mono/” folder for the dark version and folder “morphis/images/icon/mono-light/” folder for the light version.

b.) Once you have your icon ready and saved to either “morphis/images/icon/mono/” or “morphis/images/icon/mono-light” folder, open “theme-options.php” (located in the root folder of the theme) file and search for this code:

array(
'id' => 'arr_social_youtube_social_link',
'type' => 'text', 'title' => __('Youtube URL', 'morphis'),
'sub_desc' => '', 'desc' => __('Enter your Youtube URL.', 'morphis'),
'validate' => 'url',
'std' => ''
),

and then include/add this code below it:

array(
'id' => 'arr_social_soundcloud_social_link', 
'type' => 'text', 
'title' => __('SoundCloud URL', 'morphis'), 
'sub_desc' => '', 
'desc' => __('Enter your SoundCloud URL.', 'morphis'), 
'validate' => 'url', 
'std' => '' ), 

This will make a textbox field option for “SoundCloud” social icon inside the “Social Links” tab of the “Morphis Theme Options” panel where you could add your SoundCloud link.

c.) For the last part, we have to include the SoundCloud icon you have exported from the PSD file so it would show up on the social icons list on the top of the page. To do this, Open “light.css” file located inside “morphis/css/skins/light/” folder for light version OR open “dark.css” file from  “morphis/css/skins/dark/” folder for dark version.

* For LIGHT version of the theme follow these steps:
– search for this line of code:

.social-icons .social-icon.youtube { background: url('../../../images/icons/mono-light/youtube.png') no-repeat 0 0; }

and add this line of code below it:

.social-icons .social-icon.soundcloud { background: url('../../../images/icons/mono-light/soundcloud.png') no-repeat 0 0; }

Note that the “soundcloud.png” you see in the above code is the filename of the SoundCloud icon you have added in the “morphis/images/icon/mono-light/” folder.

 * For DARK version of the theme follow these steps:   
– search for this line of code:

.social-icons .social-icon.youtube { background: url('../../../images/icons/mono/youtube.png') no-repeat 0 0; }

and add this line of code below it:

.social-icons .social-icon.soundcloud { background: url('../../../images/icons/mono/soundcloud.png') no-repeat 0 0; }

Note that the “soundcloud.png” you see in the above code is the filename of the SoundCloud icon you have added in the “morphis/images/icon/mono/” folder.

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)