This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Make WP visual icon fonts hover in footer

Resolved 11 replies premiumthemetheme-vantage
Koen
10 years ago · Last reply by Support Assistants 10 years ago

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

URL: http://koenrobtest.nl/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Koen 10 years, 3 months ago

    Sorry, i’m using WP SVG Icons

  2. Andrew Misplon Staff 10 years, 3 months ago

    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:

    <a href="http://siteorigin.com">[shortcode]</a>
  3. Koen 10 years, 1 month ago

    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?

  4. Koen 10 years, 1 month ago

    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

  5. Support Assistants 10 years, 1 month ago

    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.

  6. Koen Private 10 years, 1 month ago

    This is a private message.

  7. Support Assistants 10 years, 1 month ago

    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;
}
  8. Koen 10 years, 1 month ago

    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!

  9. Support Assistants 10 years, 1 month ago

    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.

  10. Koen 10 years, 1 month ago

    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!

  11. Support Assistants 10 years, 1 month ago

    Sure, you can check now and see the additional declarations added to Appearance > Custom CSS.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread