[Nickesha LParticipant]

Hi there,

I would like to add a tumblr and reverbnation social media icon and I know I have to do this custom since there are no options for it in Customizer. I want to add these in both the top bar section and footer …. but for now, the top bar section is where I’d like to make this addition the most. Do I disable the social icons from the top bar and do the good ole fashion html code of making an image clickable and a href link? And where do I put this code?

Any tips would help.

If anything, can someone suggest a good plugin that would work with X that allows you to do custom social media icons to add as a widget for the top bar section?

Thanks, much appreciated.

–nklcreative

[ChristianModerator]

Hey Nickesha,

You can insert your custom social media links in unused social media slots. For example, if you don’t use Pinterest, you can insert your Tumblr link there and change the icon by using CSS. The CSS code that you need to add in the Customizer > Custom > CSS is

.x-topbar .x-social-global .x-social-pinterest:before {
    content: url(https://cdn3.iconfinder.com/data/icons/free-social-icons/67/tumblr_circle_color-32.png);
}

Change the image URL to your own icon.

Hope that helps. 🙂

[Nickesha LParticipant]

Ah…thank you!

[ChristianModerator]

You’re welcome Nickesha.

[Nickesha LParticipant]

Hi there,

Just following up with this. I added a custom icon to in the pace of the “RSS” icon placeholder as it is a Reverb Nation icon I designed. But when I hover over it, it still stays “RSS”…

It’s kind of frustrating as I was trying to find the file to change the title of the icon but to same me time and frustration, could you tell me which file I go to to make this simple edit?

Thanks.

[Kosher KMember]

Hi,

Please add this in Customizer -> Custom -> Javascript

(function($){ 
	$('.rss').attr('title','Your Custom Title');
})(jQuery)

Just Remove “Your Custom Title” if you don’t want to display anything.

Let me know if it doesn’t work

Cheers

[Nickesha LParticipant]

It works! Thanks a mil!

[RadModerator]

You’re so welcome Nickesha!

[Nickesha LParticipant]

Hey there,

It actually didn’t work after a little while…After I reloaded the page a few times, it went back to the same title as before. But I found out how to change it permanently, so I’ll post it for everyone to see:

To change the names/titles of the Social Icons at the top bar or footer (Facebook, Twitter, etc.), login via FTP which gives you access to all your WordPress folders:

Find your wp-content folder then follow the file path: wp-content/themes/x/framework/functions/global/social.php

You can change all the name titles of the Social icons in the “social.php” file in an editor and save your changes. Then re-upload the new social.php to overwrite the old social.php file and you should see new title.

Hope I was of some help….

[Kosher KMember]

Thanks for the helpful tips for other user that might come across this topic.

Have a great day

[Ying-Fu LiParticipant]

Hi,

I use Icon and want something similar. Only, my custom icon doesn’t appear, it is still the Pinterest icon. How can I change that?

[FriechModerator]

Hi There,

Update the code above to this:

.x-topbar .x-social-global .x-icon-pinterest-square:before {
    content: url(path/to/your/image/file.jpg);
}

Provide us the site URL, If this doesn’t work.

Thanks!

[Ray201Participant]

How do we do this in a child theme? I have tried copying social.php to the same path in the child theme and editing it there (wp-content/themes/x-child/framework/functions/global/social.php) however it hasnt worked. It seems as something is missing to tell the theme to look there. I am using X 4.0.1

[Paul RModerator]

Hi Ray,

You can add your code in wp-content/themes/x-child/functions.php instead

Thanks

[Chris StovallParticipant]

Can you please add the code that would be needed to use the same font awesome codes that the theme uses?

[Author]

Posts