![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
March 29, 2018 at 5:41 pm #934928
Hi! I know this topic has been covered in the past, but I couldn’t find one that was recent/relevant.
I am trying to add a custom social media icon to my theme (specifically Goodreads), but I’m struggling to figure out how to do it. I have the icon saved to my media library, but beyond that, I’m stuck.
Thanks in advance!
March 29, 2018 at 7:42 pm #934964documentation is here: https://kriesi.at/documentation/enfold/custom-social-icons/
if you do not have a font icon of your “social-icon” you can use png files for that.
1 look for a png file you like to have
f.e.:2 : upload it to your media library and copy the link – you will need it:
3 : now go to your functions.php of your child-theme and enter:
that little goodreads will be the addendum to the class set by enfoldfunction avia_add_custom_social_icon($icons) { $icons['Goodreads'] = 'goodreads'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
with that you can now choose the new social icon on Enfold Options – Social Profiles ( it is at the end of the list)
4 : This comes to quick css ( you see here is the automatically created class av-social-link-goodreads )
#top #wrap_all .av-social-link-goodreads a:before{ content: ""; width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(https://link-to-your-image/goodreads.png) no-repeat center center; background-size: contain; }
5 : styling the hover effect – this to quick css ( color makes no sense here because we have no font )
#top #wrap_all .av-social-link-goodreads:hover a{ color:#fff; background-color:#9fae37; }
6 : for another “social-icon” you only have to replace goodreads
March 30, 2018 at 10:49 am #935231Hi,
Thank @Guenni007 for sharing the tip :)
Do let us know if you have any questions we are happy to help.
Best regards,
VinayJuly 17, 2018 at 3:36 pm #986478This is quite a delayed response, but everything worked beautifully. Thank you so much!
July 18, 2018 at 6:16 am #986773Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardDecember 22, 2020 at 12:19 am #1269193Is there an easier option to do this? I am not familiar with number 4 in the list above…
December 23, 2020 at 4:46 am #1269438Hi MyGirlFriday805,
Could you try to explain the problem you are having a bit further please? What do you not understand exactly, or what are you having problems with?
Best regards,
RikardDecember 23, 2020 at 5:16 am #1269441I just wanted the Goodreads icon available for my social profiles on enfold theme for
December 23, 2020 at 10:21 pm #1269651Hi MyGirlFriday805,
Those are the steps that need to be taken and #4 is just adding that css to the Quick css in the Theme options.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.