Social Icon

  • Posted in : impressivCard WP
  • marcocerrone
    Participant

    Hi there,
    I’m trying to add new icons to the social template. I’d like to add or replace some of the existing ones with others. How can I do?
    I found in functions php this kind of string:

    if ( $type == ‘facebook’ )
    {
    $type_icon = ‘X’;

    In general i found the url of image file.

    Could you help me?

    Best regards.
    Marco

    ahmetsali
    Keymaster

    Hi, you can replace an existing one with a different social icon via custom css. Let’s say, you are not using tumblr social icon and you want to replace it with soundcloud icon;

    .social li a.tumblr { min-width: 37px; min-height: 37px; text-indent: -999em; background-image: url("https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/soundcloud.png"); background-repeat: no-repeat; background-position: center center; }
    

    You can do the same for replacing other icons that you are not using.

    imdoggz
    Participant

    hello.. thanks for this.. i already got this but my problem now is that, how to change the hover color to the social icons?
    http://www.enricort.com i change my vimeo to dribbble but dribbble color is pinkish .. hope you could help.. thanks

    Mehmet S.
    Keymaster

    impressivCard WP theme has its own dribbble social icon. Why didn’t you use it?

    Please see: Documentation > Shortcodes > About Me Page Shortcodes.

    imdoggz
    Participant

    ow, sorry, my fault, i did not see that one, i tried dribbble instead of dribble.. its ok now.. thanks :)

    yyarovoy88
    Participant

    I installed an Instagram Icon and replaced the Tumblr icon. I still get the Tumblr “T” and blue hover. how do I change that?

    Mehmet S.
    Keymaster

    Hi, make sure you are in the right forum. I replied your another question under Read WP forum, this is impressivCard WP forum.

    Thanks

    labnoon
    Participant

    @ahmetsali thank you, but either I don’t understand what to do, or the answer to my post https://www.pixelwars.org/forums/topic/a-different-webfont-for-social-icons/#post-12426 is not here. I don’t want to replace one icon with another, I don’t want to use justvector which is the web font of social icons you have provided in READ, but I want to use this web font http://www.entypo.com/ for all of the social media icons. from this post I don’t understand how to do that.

    thank you again

    ahmetsali
    Keymaster

    @labnoon

    this method also explains “how you can replace current social icons with different png icons” which was a part of your question. Let’s continue to the discussion on your topic.

    labnoon
    Participant

    Yes you’re right i think i will use this method, here https://www.pixelwars.org/forums/topic/social-buttons-below-menu-in-masonry/#post-7269 i have read how to place social menu above or bellow the main menu. If i change the icons to my pngs, i can still do this using the code provided in that post, right?

    Thanks for the patience

    ahmetsali
    Keymaster

    @labnoon

    yes you can use both methods together.

    chrisaquino
    Participant

    Where can we see a full list of these codes $type_icon = ‘X’ ?

    Mehmet S.
    Keymaster

    Hi, please check the section: Documentation > Shortcodes > About Me Page Shortcodes.

    chrisaquino
    Participant

    Yeah, I saw that but was hoping there might be a fuller list with Instagram ha. Thanks though.

    Anonymous

    Hi, how can I add icons Vine and Ask.fm ? Is there a simple way?

    ahmetsali
    Keymaster

    @Tomekfrdn

    please read this topic from start, i explained in the second post.

    Anonymous

    It is too difficult for me . Can someone please explain it step by step?

    ahmetsali
    Keymaster

    @Tomekfrdn

    If you are not familiar with css coding you may consider working with a professional for further customizations.

Viewing 18 posts - 1 through 18 (of 18 total)

The forum ‘impressivCard WP’ is closed to new topics and replies.