Questions re odd lines above icons and decreasing space between rows of icons

  • Hello,

    I like this plugin, except that there is a small thin horizontal line above each icon for some reason. I was also wondering about decreasing the space slightly between two rows of icons. Is there any way to fix/do these or is it just a theme issue (I’m using First theme)?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author WPZOOM

    (@wpzoom)

    Hello Paul,

    You should be able to fix those issues by adding this custom CSS code to your site:

    .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
    border: none;
    padding-top: 0;
}

    You can find here instructions to add the code:
    https://www.wpzoom.com/tutorial/recommended-practices-for-customizing-a-wpzoom-theme/

    Thread Starter Paul Scott Anderson

    (@paulscottanderson)

    That worked, thanks! Just one other question – is there a way to change the icons to a lighter shade of grey for the animation when you hover over them? I have them as black now for their regular color, but would like to make the hover shade of grey a bit lighter than it is now so it’s a bit more noticeable. Thanks!

    Plugin Author WPZOOM

    (@wpzoom)

    Try this CSS code:

    .zoom-social_icons-list__item a:hover .socicon,
.zoom-social_icons-list__item a:hover .dashicons,
.zoom-social_icons-list__item a:hover .genericon,
.zoom-social_icons-list__item a:hover .fa
{
    opacity: 0.5;
}
    Thread Starter Paul Scott Anderson

    (@paulscottanderson)

    That worked too! Thanks for your help. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Questions re odd lines above icons and decreasing space between rows of icons’ is closed to new replies.

Tags