Head With Social Media and Large Logo

THANK YOU Yigit!

ICON EFFECT: Currently the rollover effect is “colored block background”. How can I change it to where the icon ONLY changes color with no background change? You can see the plug in for my icons in my footer that change colors when you hover
It would be great to have the header effect match my footer effect!

ICON CHANGE: I changed one of the social icons to an Apple logo. It looks horrible! Since then, I have uploaded the fontello fonts to the theme in Enfold in General Settings. How can I get an actual font Apple logo there instead of this ugly pixelated .png? I’ll also have to undo what I did I think. Ugh!

ICON ADD: I need a YELP icon!! I imagine this is the same process in the above?
–
I know this has been covered in existing posts but when I read them they are confusing and contradictory in some cases. There seems to be many ways I can do these Icon changes (Yelp, Apple). It has been difficult sorting through all the different ways to see which one is best. Can you explain it to me please?

Question 1: Is there an update coming that will allow uploading fonts and changing them out easily?
Question 2: Better yet, is there an update coming where YELP will be available?

Thanks for your time Yigit! Jas

• This reply was modified 10 years, 9 months ago by Jasmer.

Thanks Yigit!

1. CSS worked!

2. I followed Peter’s post here but it didn’t work.
https://kriesi.at/support/topic/adding-custom-social-icons/#post-170356

Here is what I did:

A) register-admin-options.php

(added Apple and Yelp entires in alphabetical order. This worked, As you can see there are two empty place holders in the header on my site. They are functional but no icons.)

'avf_social_icons_options', array(

									'500px' 	=> 'five_100_px',
									'Apple' 	=> 'apple',
									'Behance' 	=> 'behance',
									'Dribbble' 	=> 'dribbble',
									'Facebook' 	=> 'facebook',
									'Flickr' 	=> 'flickr',
									'Google Plus' => 'gplus',
									'Instagram'  => 'instagram',
									'LinkedIn' 	=> 'linkedin',
									'Pinterest' 	=> 'pinterest',
									'Skype' 	=> 'skype',
									'Soundcloud'=> 'soundcloud',
									'Tumblr' 	=> 'tumblr',
									'Twitter' 	=> 'twitter',
									'Vimeo' 	=> 'vimeo',
									'Xing' 		=> 'xing',
									'Yelp' 	=> 'yelp',
									'Youtube'   => 'youtube',
									'Special: RSS (add RSS URL, leave blank if you want to use default WordPress RSS feed)' => 'rss',
									'Special: Email Icon (add URL to a contact form)' => 'mail', => 'mail',

B) Downloaded font zip from Fontello

C) Checked social-fontello-codes.css for code and Fontello website (I only tried one icon because I wasn’t sure how to add two)
See here
http://goo.gl/Wbw1F3
http://goo.gl/VGqGCc

D) functions.php

(added at very bottom)

add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons)
{
$icons['yelp']	 = array( 'font' =>'social-fontello', 'icon' => 'ue800');
return $icons;
}

Doesn’t seem to work. Any ideas? Thanks, Jasmer

Hi Dude,

This didn’t work. This is what I did.

1. I removed the code I added to register-admin-options.php because you said I didn’t need to hack the theme file.
2. On fontello site, I selected a Yelp font from the zocial font family and downloaded the zip
3. I added the code below to the bottom of functions.php and saved.
4. I went to Enfold – General Settings and uploaded the zip as you can see here http://goo.gl/PUZ9n2
5. I then went to Enfold – Header and added a social item and looked for “Yelp” in the “Social Icon” drop down list.
6. I don’t see Yelp in the list. What did I do wrong? Please talk to me like I am a baby. Ha.

Thank you, Jas

Here is my code.

add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
function avia_add_custom_icon($icons)
{
$icons['yelp']	 = array( 'font' =>'fontello', 'icon' => 'ue800');
return $icons;
}

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons['Yelp'] = 'yelp';
return $icons;
}

• This reply was modified 10 years, 9 months ago by Jasmer.

Hi Ismael,

I’m confused. I’m having the same problem I had last time I tried to do this. I’m going to explain in great detail so I can put this problem to rest. These three items below show you the three different ways I’ve been told to do this.

1. Peter’s post here https://kriesi.at/support/topic/adding-custom-social-icons/#post-170356 tells me that I do the following.
– edit register-admin-options.php
– edit functions.php

2. Dude then posted above “You don’t need to hack the theme files – please insert this code into the functions.php file:” https://kriesi.at/support/topic/adding-slideshare-to-header-social-icons/#post-200202
– this is telling me to edit the functions.php only NO editing of register-admin-options.php

3. You told me to:
– edit functions.php BUT you suggested different code than Peter’s post.
– register-admin-options.php

Conclusion:
– It appears to me there are three slightly different way s of accomplishing this task. I would like to find the simplest way possible to achieve this task. Would you PLEASE study these three ways and explain to me which is the best way? Talk to me like a baby. I really appreciate your time but this is a tricky one and quick comments have left me confused.

Question:
– I do not update the Enfold theme via FTP because doing so via the WordPress dashboard tend to restore more settings. Which of these files will remain after I do an Enfold update via the WordPress dashboard? Finding the simplest way to achieve my goal will mean that I have to restore less code after an update.

Thank you for your time, Jasmer

Hi Ismael,

I’ll give it a shot and get back to you. Thank you. By the way, which of these files will remain after I do an Enfold update via the WordPress dashboard?

Thanks, Jas

2 Questions: Re: social icon header

FIRST QUESTION

I understand how to edit parent files but in a child theme I think this will be a little different. I’m not sure how to append child theme files to make them compatible with parent theme files.

I understand I am editing functions.php and register-admin-options.php.

Am I including the full original content of the Enfold Parent files (functions and register-admin-options), making the edits, then copying to Enfold Child folder?

OR am I ONLY putting the edits in the Enfold Child theme files? Like this.. (I’m sure this is wrong) https://dl.dropboxusercontent.com/u/1049926/functions.png

The reason I am asking is because in the case of the functions.php the site loads both the parent and the child so the child would amend the parent file.

However, the the case of the register-admin-options.php the child would completely replace the parent.

It would seem that editing the two child files would be different approaches to each since the two files are treated differently by the site.

SECOND QUESTION

SO, after you clarify the above, am I putting these two files in the root of the child theme folder?

Almost there! Thank you for responding to my urgent request on this, Jas

PLANNED EDITS

functions.php

'apple' => array( 'font' =>'social-fontello', 'icon' => 'ue803'),
'crown' => array( 'font' =>'social-fontello', 'icon' => 'ue801'),
'foursquare' => array( 'font' =>'social-fontello', 'icon' => 'ue802'),
'yelp' => array( 'font' =>'social-fontello', 'icon' => 'ue800'),

register-admin-options.php

'Apple'   => 'apple',
'Foursquare'   => 'crown',
'Foursquare'   => 'foursquare', /*I will have two icons titled Foursquare*/
'Yelp'   => 'yelp',