Custom CSS for Active State of Filter

  • Resolved jana90

    (@jana90)


    4 years ago

    Hi there,

    I am trying to change the active state with custom CSS for my Filter. I tried multiple different options, inspected the page on google but didn’t get to make it work.

    I was able to change the Hover Effect (I didn’t want the default blue) but again, it’s not working for the active state. This is the code I used:

    selector .vp-filter__item .vp-filter__item-active a:active {
    background-color: red !important;
    }

    Does anyone know what code to use to change the active state for the Filter?

Viewing 3 replies - 1 through 3 (of 3 total)
  • anna

    (@annacer)

    same issue here, how did you manage to change the Hover Effect?

    chriswoodner

    (@chriswoodner)

    I think that …

    selector .vp-filter__style-minimal .vp-filter__item-active a {
    background-color: red;
    }

    will work. I was struggling on the same issue and it works now ??

    BTW Anna, the hover effect is done with …
    selector .vp-filter__style-minimal .vp-filter__item a:hover {
    color: #FFF3B3;
    }

    Thread Starter jana90

    (@jana90)

    awesome, thanks so much! That works for me ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom CSS for Active State of Filter’ is closed to new replies.