Title: Filter Active Button Hover Colour
Last modified: September 15, 2020

---

# Filter Active Button Hover Colour

 *  [Triggahippie](https://wordpress.org/support/users/triggahippie/)
 * (@triggahippie)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/filter-active-button-hover-colour/)
 * Hi, firstly, thanks for the great plugin, i’m just getting to grips with it but
   am struggling with some of the css.
 * I can’t see how to change the colour of the active filter button hover state.
   
   I have changed the filter button colour of:
 * .vp-filter__style-default .vp-filter__item.vp-filter__item-active
 * I have searched high and low in the forum looking for a solution. At the moment,
   when you hover the active item it’s a blue colour and i would very much like 
   to change it.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffilter-active-button-hover-colour%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [nK](https://wordpress.org/support/users/nko/)
 * (@nko)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/filter-active-button-hover-colour/#post-13432038)
 * Hi.
 * You can change it using CSS variables [https://visualportfolio.co/documentation/developers/css-variables/](https://visualportfolio.co/documentation/developers/css-variables/)
 * Default filter variables – [https://github.com/nk-o/visual-portfolio/blob/master/src/templates/items-list/filter/_variables.scss](https://github.com/nk-o/visual-portfolio/blob/master/src/templates/items-list/filter/_variables.scss)
 * Regards, nK.
 *  Thread Starter [Triggahippie](https://wordpress.org/support/users/triggahippie/)
 * (@triggahippie)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/filter-active-button-hover-colour/#post-13433074)
 * Thanks for your help but i can’t interpret that, would you be able to just post
   the code for me to use in the custom CSS? As i say, i’ve managed to change the
   colour of the active filter but i’m struggling with the active filter hover. 
   I’ve tried all the usual but that default scss file is beyond me.
 *  [rodikom](https://wordpress.org/support/users/rodikom/)
 * (@rodikom)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/filter-active-button-hover-colour/#post-13494874)
 * Hello nK, I would like to ask you for little assistance with changing colour 
   too.
 *  [liz247](https://wordpress.org/support/users/liz247/)
 * (@liz247)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/filter-active-button-hover-colour/#post-13553096)
 * Hi,
 * I changed the hover colour using this CSS
 * .vp-filter__style-minimal .vp-filter__item a:hover {
    color: #8acbdc;
 * }
 * Hope it helps.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Filter Active Button Hover Colour’ is closed to new replies.

 * ![](https://ps.w.org/visual-portfolio/assets/icon-256x256.png?rev=2389881)
 * [Visual Portfolio, Photo Gallery & Post Grid](https://wordpress.org/plugins/visual-portfolio/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/visual-portfolio/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/visual-portfolio/)
 * [Active Topics](https://wordpress.org/support/plugin/visual-portfolio/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/visual-portfolio/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/visual-portfolio/reviews/)

 * 4 replies
 * 4 participants
 * Last reply from: [liz247](https://wordpress.org/support/users/liz247/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/filter-active-button-hover-colour/#post-13553096)
 * Status: not resolved