This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

adding custom social media icon?

  • Creator
    Topic
  • #18322
    naeemcoza
    Participant

    is it possible to add a custom social media icon?

    I want to have a Telephone icon,

    as a quick hack, i edited the social-media-color_24x24.png file and replaced the Amazon icon with a Telephone.

    Only issue is, when hovering over the icon, it still says Amazon 🙁

Viewing 1 replies (of 1 total)
  • Author
    Replies
  • #18327
    Jason Bobich
    Keymaster

    Hello,

    First, you can filter on new icon for the admin selection from your child theme’s functions.php.

    /**
     * Add to admin selection of social media buttons.
     */
    function my_add_buttons( $buttons ) {
    	$buttons['phone'] = 'Phone';
    	return $buttons;
    }
    add_filter('themeblvd_social_media_sources', 'my_add_buttons');

    Then, the icons are just styled background images to the links. The class of the button will match the key you used above, which is “phone” —

    So, in your child theme, place a new icon image (let’s say it’s called phone.png), and then apply it with CSS from your child theme’s style.css.

    .themeblvd-contact-bar ul.social-media-color li a.phone {
    	background: url('phone.png') 0 0 no-repeat;
    }

    When hovering over the icon, it will say the key from above, with the first letter capitalized. (i.e. “phone” to “Phone”).

Viewing 1 replies (of 1 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.