Title: CSS styling for filter hover
Last modified: April 18, 2023

---

# CSS styling for filter hover

 *  [mbruderer](https://wordpress.org/support/users/mbruderer/)
 * (@mbruderer)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-styling-for-filter-hover/)
 * Hi, hope I can get some help with styling the filter function on our page:
    1. How can I have the custom icon show, when the dropdown is open? I added it, 
       when hovering the icon itself, but it does not show when the dropdown is open.
 * 2. I have added a background colour on hover on the dropdown item. How can I 
   style it, so the whole width has a background colour on hover?
 * 3. How can I style the dropdown items, so that they all have a border bottom 
   full width?
 * 4. Last issue, when the dropdown opens, it overlaps with the main filter instead
   of opening below the filter, how can i move the whole dropdown down, so it is
   flush with the main filter?
 * Thanks for your help
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-styling-for-filter-hover%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [RazyRx](https://wordpress.org/support/users/razyrx/)
 * (@razyrx)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-styling-for-filter-hover/#post-16672789)
 * Hello,
   Sorry, but we do not provide support with custom code.Regards,Oleg

Viewing 1 replies (of 1 total)

The topic ‘CSS styling for filter hover’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce-ajax-filters/assets/icon-256x256.gif?rev=2770304)
 * [Advanced AJAX Product Filters](https://wordpress.org/plugins/woocommerce-ajax-filters/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-ajax-filters/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-ajax-filters/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-ajax-filters/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-ajax-filters/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-ajax-filters/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [RazyRx](https://wordpress.org/support/users/razyrx/)
 * Last activity: [2 years, 11 months ago](https://wordpress.org/support/topic/css-styling-for-filter-hover/#post-16672789)
 * Status: not resolved