Support » Plugin: AddToAny Share Buttons » hover: unset

  • Resolved Flyhead

    (@bukers)


    Hello, cool plugin. Thank you!

    You have given clear instructions as to customise the icon colour universally. This is nice. However, I’d very much like each icon to return to its original colour on hover. “unset”? Is there a simple javascript to do that or do I have to create the css for each individual icon?

    Thank you in advance for the help

Viewing 1 replies (of 1 total)
  • Plugin Author micropat

    (@micropat)

    Hello! Here’s some example Additional CSS you can use to set a uniform icon color for your AddToAny buttons, then revert to the original icon color on :hover and :active states:

    /* Colorize AddToAny icon SVGs */
    .a2a_kit a .a2a_svg svg,
    .a2a_menu a .a2a_svg svg {
        background-color: pink;
    }
    
    /* Remove color on hover */
    .a2a_kit a:active .a2a_svg svg,
    .a2a_kit a:hover .a2a_svg svg,
    .a2a_menu a:active .a2a_svg svg,
    .a2a_menu a:hover .a2a_svg svg {
        background-color: transparent;
    }
    
    /* Override default opacity on hover */
    .a2a_kit a:active .a2a_svg,
    .a2a_kit a:hover .a2a_svg,
    .a2a_menu a:active .a2a_svg,
    .a2a_menu a:hover .a2a_svg {
        opacity: 1 !important;
    }
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.