Change bg color on hover and active

  • Resolved andrewfs125

    (@andrewfs125)


    6 years, 6 months ago

    Hi,

    I would like to change the background-color of the buttons on :hover and :active states.

    So far I have this css:

    .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: #3C2A56 !important;
    }

    But it doesn’t work.

    What am I not seeing?

    Thanks for your help!

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

    (@micropat)

    The .a2a_svg elements usually have the primary background color set, so just remove the svg element selector from your code to override .a2a_svg:

    .a2a_kit a:active .a2a_svg,
.a2a_kit a:hover .a2a_svg,
.a2a_menu a:active .a2a_svg,
.a2a_menu a:hover .a2a_svg { background-color: #3C2A56 !important; }
Viewing 1 replies (of 1 total)
  • The topic ‘Change bg color on hover and active’ is closed to new replies.

Tags