Tagged: image overlay, social profile
-
AuthorPosts
-
January 2, 2015 at 12:57 am #373980
Two queries. First, as a writer I’d love to include a Goodreads link in my Social profile list. Any plans on adding that to your list of options? I found the other icons referenced in shortcodes.css under the Team member section. If I were to upload the appropriate icon, could I add a line of code, thus: .avia-team-member .goodreads:hover { color:#37589b; }
Second, I wanted to have a tooltip option for all my images. You explain how to get rid of the circle/arrow effect here: http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/ . I’ll do that, but can I add something that will allow alt text to show as a tooltip? If not, no big deal.
Thanks, and Happy new year!
January 2, 2015 at 5:58 pm #374116Hi felixef!
1. Your trying to add a new icon to your header social links correct? See here,
https://kriesi.at/support/topic/adding-custom-social-icons/
https://kriesi.at/support/topic/custom-social-bar-icons-replaceadd-enfold/If you cannot find the icon you want and if you have an image you want to use instead then we can give you some CSS to switch it out. Send us a link and let us know which icon you want to switch to an image.
2. Our gallery shortcode has a tooltip feature, http://kriesi.at/themes/enfold/shortcodes/gallery/, you could try using that and just use one image per shortcode.
Regards,
ElliottJanuary 3, 2015 at 1:20 am #374356Thanks so much for your information. On the social icons issue (Q1) I’d appreciate your help. Here’s the URL: http://www.helenyeomans.com/. I’m not sure what else you need: an image? I’m fine with replacing reddit, soundcloud or tumblr with Goodreads. Are the existing icons images? If not, then won’t the Goodreads image behave differently on loading? Whatever. I’ll wait to hear from you. Again, thanks.
January 3, 2015 at 5:32 pm #374498Hey!
It’s actually a font and not images. Add this to your custom CSS.
.social_bookmarks_soundcloud a:before { content: "" !important; } .social_bookmarks_soundcloud { background: url("URL to your image") !important; }
And then replace “URL to your image” with the correct URL.
Best regards,
ElliottJanuary 7, 2015 at 9:27 pm #376463This reply has been marked as private.January 8, 2015 at 5:44 am #376633Hi!
You didn’t add the code suggested above. Please go to Enfold > General Styling then add the code on the Quick CSS field. You need to create your own Goodreads social icon image.
Best regards,
IsmaelJanuary 8, 2015 at 5:59 am #376639Ismael, I added the code as instructed to my custom.css file. I used absolute links for the images (original and mouseover). I have added the code to the Quick CSS field as well and yes, it seems to have found the icon. But no mouseover image. I’ll have to return to this when I’m not so busy. Thanks for your help–and you might ask whoever designs the theme to add Goodreads to the icon list. It’s pretty common, especially on writers’ websites.
January 8, 2015 at 5:37 pm #376925 -
AuthorPosts
- You must be logged in to reply to this topic.