Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 26, 2014 at 11:59 am #358234
    b00p

    Hey,

    after my update to the newest version of your theme my hook for replaceing the social icons with my own images do not work.
    I just the the colored icons at the rollover.

    Do you have an advice for a new solution?

    The Link: http://www.plaetz.de

    I use this custom css:

    #top .social_bookmarks_vimeo {
    background: url(http://www.plaetz.de/wp-content/themes/enfold_2/images/vw_logo.png) no-repeat center;
    }

    #top .social_bookmarks_vimeo:hover a {
    color:#fff;
    background: no-repeat center;
    }

    #top .social_bookmarks_vimeo a {
    text-indent: -9999px;
    }

    November 26, 2014 at 8:50 pm #358534
    Elliott

    Hey b00p!

    I checked your link but I don’t see the social icons anywhere. Go ahead and add them back in and let us know when your done.

    Cheers!
    Elliott

    November 27, 2014 at 11:17 am #358940
    b00p

    Hey Elliott,

    they are placed above search icon at the main header.
    But with the hook i just see the coulored rollover!

    Cheer, Jan

    November 28, 2014 at 7:36 am #359424
    Ismael

    Hey!

    Try to use the absolute uri of the images then add the !important value:

    #top .social_bookmarks_vimeo {
background: url(https://www.plaetz.de/wp-content/themes/enfold_2/images/vw_logo.png) no-repeat center !important;
}

    Cheers!
    Ismael

    November 28, 2014 at 11:53 am #359509
    b00p

    Hey thanks, the !important tag was the solution!
    Last question: How can i edit the alt text of the icons?

    Thanks in advance, Jan

    November 28, 2014 at 9:12 pm #359883
    Elliott

    Hey!

    I still do not see them.

    I checked your source code and they are not there so you most likely do not have them set in Dashboard > Enfold > Header.

    They are actually links and not images so they do not need alt tags. See here, https://kriesi.at/support/topic/social-icons-alt-text/. If you want to change the title of the link though then you can see how in that thread.

    Regards,
    Elliott

    December 3, 2014 at 2:39 pm #362118
    b00p

    Hey Elliot,

    the “social Icons” are the 3 carlogos (Audi, VW…)
    And if you stay with the mouse on one logo i see the linktext “Tumblr, Vimeo, Xing…”

    I have tested this but it did not worked:

    In includes/helper-social-media.php line 73 you can add add a title by changing it to this:

    http://pastie.org/8426955

    Thnaks in advance, Jan

    • This reply was modified 9 years, 11 months ago by b00p.
    December 3, 2014 at 2:47 pm #362120
    b00p

    Hey,

    ive figured it out.
    It is on line 84 in includes/helper-social-media.php.

    $html .= “<span class=’avia_hidden_link_text’>”.ucfirst($icon[‘social_icon’]).”</span>“;

    December 3, 2014 at 2:47 pm #362121
    b00p

    $html .= "<a {$blank} href='".$icon['social_icon_link']."' ".av_icon_string($icon['social_icon'])." title='".ucfirst($icon['social_icon'])."'><span class='avia_hidden_link_text'>".ucfirst($icon['social_icon'])."</span></a>";

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Social Icon Image replacement’ is closed to new replies.