Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 31, 2015 at 12:09 pm #481273
    Barnez1

    Hi,

    I’ve had a look through the support posts but haven’t found a solution to 2 Qs.

    1. I want to add a PayPal icon to my social profile and then add it to the 2 other icons in the header. I’ve read posts suggesting that new icons can be imported through the Iconfont Manager, and have imported the icon I want to use from fontello, but it does not appear in Theme Options >> Social Profile >> Social icon

    2. I have share html code in the footer to allow sharing of the site on the visitor’s social media page (I prefer this to using a plugin). Example:

    
<a href="http://www.facebook.com/sharer/sharer.php?u=www.proofscience.com&t=Scientific proofreading service available @ http://www.proofscience.com for researchers, students and all your document editing requirements." target="_blank"><img src="http://www.proofscience.com/wp-content/uploads/2013/04/facebook.png" alt="Share on Facebook" title="Share on Facebook"></a>

    What I would like to do is to use the theme’s stock social media icons in <img src"""">, but I can’t find the files in the theme folder. Any ideas where I could find them?

    Many thanks for a great theme!

    July 31, 2015 at 6:16 pm #481511
    Elliott

    Hi Barnez1!

    1. Paste the code your using here.

    2. We use the entypo fontello fonts for all of the icons. You could drag a text widget to that area and insert our icon shortcode inside and set the link to whatever you need.

    Cheers!
    Elliott

    July 31, 2015 at 6:32 pm #481520
    Barnez1

    Hi Elliot,

    Many thanks for getting back.

    1. See private content below for the PayPal link

    2. This was my first attempt. I can create a text widget in the footer without any problems, but I can;t find any list of the shortcodes for the icon. Where might this be (as it’s not in the Appearance >> Widget area). Also, how would I set a link inside a shortcode? Could you please give an example?

    Cheers,
    Barnez

    ____________
    EDITED:

    I’ve found some useful info on this thread: https://kriesi.at/support/topic/i-want-to-add-social-media-in-widget/, and now have the Facebook, Twitter and Google+ share icons installed and working. Would it be possible to add the Tumblr icon to the list:

    
<ul class="noLightbox social_bookmarks icon_count_6"><li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=www.proofscience.com&t=Scientific proofreading service available @ http://www.proofscience.com for researchers, students and all your document editing requirements." aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li><li class="social_bookmarks_twitter av-social-link-twitter social_icon_2"><a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=www.proofscience.com&t=Scientific proofreading service available @ http://www.proofscience.com for researchers, students and all your document editing requirements." aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a></li><li class="social_bookmarks_gplus av-social-link-gplus social_icon_5"><a href="https://plus.google.com/share?url=www.proofscience.com" onclick="javascript:window.open(this.href,
  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Gplus"><span class="avia_hidden_link_text">Gplus</span></a></li></ul>
    • This reply was modified 9 years, 3 months ago by Barnez1. Reason: Found part of solution to adding social media shares to footer
    August 3, 2015 at 9:18 am #481950
    Barnez1

    Hi,

    I’ve been working on this issue over the weekend.

    Regarding the PayPal link, I’ve managed to link the uploaded icon to the social profile and now have the link in the header socket (I followed the guidance here). The only issue now is that although the link and alt text are there, the icon is not visible. Almost there…..

    Regarding the tumblr icon in the footer share section I have located one and uploaded it. The only issue now is again that the alt text is showing but not the icon, Here is the code

    
<li class="social_bookmarks_twitter"><a target="_blank" href="http://www.tumblr.com/share" aria-hidden="true" av_font_icon icon='ue8fb' data-av_iconfont="entypo-fontello" title="Tumblr"><span class="avia_hidden_link_text">Tumblr</span></a></li>

    Any ideas why neither of these uploaded fontello icons are visible?

    August 4, 2015 at 8:46 pm #482961
    Elliott

    Hi!

    I’m sorry but you kind of confused me.

    If you want to add your own icons then all you have to do is this, http://kriesi.at/documentation/enfold/custom-social-icons/, and don’t forget to upload the zip file from the entypo fontello website.

    In your source code the last social icon is missing a data attr for the icon code. You could add that in manually with some CSS like so.

    .social_icon_3 a::before {
  color: black !important;
  content: "\e800" !important;
  font-family: entypo-fontello !important;
}

    Best regards,
    Elliott

    August 5, 2015 at 6:28 am #483089
    Barnez1

    Hi Elliot,

    Many thanks for getting back on this, and apologies for any confusion caused. I’m still getting to grips with this theme (one week in) and since I made this post I have discovered that although I used html code to create a list of share social medial icons in a widget in my previous theme, there is actually a shortcode in Enfold to do this (brilliant btw).

    I have now placed a block of share social media icons n the footer using the shortcode, and styled the hover over color. The only issue I am having is that when I include a title for the widget area (SHARE) on hover a share message appears over each icon (e.g. “Share on Facebook”). However, as the widget is in a 1/4 footer area near the top of the footer, the share bubble and text doesn’t show fully. Can this pop-out window (data-avia-related-tooltip ?) be hidden with css, as with the existing footer widget title this extra information is not really needed?

    Note that I have other tooltips on the site which need to remain active

    Cheers,
    Barnez

    • This reply was modified 9 years, 3 months ago by Barnez1.
    August 6, 2015 at 1:26 pm #483844
    Andy

    Hey!

    use this code to hide it: 

    .avia-related-tooltip.avia-tt {
display: none !important;
}

    Best regards,
    Andy

    August 6, 2015 at 2:04 pm #483870
    Barnez1

    Andy,

    All solved and resolved with that css rule.

    Many thanks for your help!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Help adding a social media icon to the header and linking to theme icon location’ is closed to new replies.