Social Media Profiles – how to add another?

Hey Elvira,

It’s possible, please read further on our documentation: https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

Best regards,
Nikko

Hi Elvira,

I apologize for that.
The mastodon logo is not available in fontello, so you’ll have to add this code in functions.php (in the documentation it is under Using images or non-Fontello icons)

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

Then go to Enfold > General Styling > Quick CSS and add this CSS code (in the documentation this is under In case of using an image)

#top #wrap_all .av-social-link-mastodon a:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://website.com/wp-content/uploads/2022/05/mastodon.png) no-repeat center center;
    background-size: contain;
}

Finally replace this URL in the code http://website.com/wp-content/uploads/2022/05/mastodon.png with the correct URL pointing to your mastodon logo image.
I hope this helps.

Best regards,
Nikko

Hi Elvira,

I apologize if I have caused any inconvenience however the answer I gave you is pointing in the right direction but would require some time, although it’s easy to follow but would require you to tweak some of it. That’s why my next response was to give you the specific codes for mastodon. :)
Anyway, thanks for using Enfold, and have a great day!

Best regards,
Nikko