Add Social Media Icon for Rumble

Hi So Evolve,

I have checked for the rumble icon on fontello’s website unfortunately, I did not find any icon.
You will need to find it somewhere or you can try downloading it here: https://companieslogo.com/rumble/logo/ (I just found one here)
Then do the following Steps:
1. Please add this code in functions.php of your child theme or you can add it via a plugin called WPCode:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
    $icons['rumble'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue897');
    return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
    $icons['Rumble'] = 'rumble';
    return $icons;
}

add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

2. Go to Enfold > Social Profiles, then add Rumble and the link to your Rumble Channel.

3. Go to Header > Extra Elements > Header Social Icons and make sure to set to any value except No social Icons (at this point check the frontend of your site and see if it works properly)

4. Go to Media > Add New, then upload the rumble icon, (once uploaded) click the Copy URL to clipboard button.

5. Go to Enfold > General Styling > Quick CSS and add this CSS code:

#top #header .social_bookmarks .av-social-link-rumble a {
    background: url(rumble_image_url) center center no-repeat;
    background-size: contain;
}

#top #header .social_bookmarks .av-social-link-rumble a:before {
    display: none;
}

Just replace rumble_image_url with the URL you copied from the clipboard.
Hope this helps.

Best regards,
Nikko

Hi So Evolve,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko