Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello,
I would like to insert my social media icons with a hover, in the footer. Does anyone know how to make this happen?
I’m using WP visual icon fonts for my socail media icons.
Thanks!
Kind regards,
Koen Leemans
Sorry, i’m using WP SVG Icons
Hi Koen
This is perhaps best asked on the plugin support forum: https://wordpress.org/support/plugin/svg-vector-icon-plugin. I see this plugin outputs each icon using a shortcode. If there is one shortcode per icon you could perhaps, try wrapping the shortcode in a link but I’m not sure if that would work:
Yeah that works. But do you know if there is a way to make the color and hovercolor of the icons in the footer different from the rest of the website?
Or maybe to make the links in footer different(color and hovercolor) from the custom menu links in the footer? That is what we would like in the end
The SVG’s appear to be in an H3 tag at the moment. Can you try remove the shortcode/s from that tag. I’ll see what we can do in terms of adding a hover.
This is a private message.
Thanks for your feedback. The icons are still in an h3 tag, we can try work with them as is, try:
#colophon h3 b:hover:before { color: #00a1ff; }Hi,
I’ve now removed the h3
The hover is working. I’ve put a link in the google+ icon. But also hovers without links in it.
I would also like the color of the icons to be #fcfcfc and then hover with this color #00a1ff. Is this possible?
For the contact links on the right side of the footer I would like exactly the same. The color #fcfcfc with a hover of #00a1ff. These links now still have the same colors as the custom menu link colors.
Thanks a lot!
Sure. Please check the widget text tab and look at our HTML. Check Custom CSS and check the front end. Hopefully, it’s right, if not you can always tweak it from Custom CSS.
It’s right!
But is this also possible for the right side of the footer? these links: https://www.dropbox.com/s/ia3dth7m7ikn5h3/Schermafdruk%202016-01-10%2017.13.11.png?dl=0
Thanks!
Sure, you can check now and see the additional declarations added to Appearance > Custom CSS.