Title: Customize Filter Button
Last modified: April 13, 2020

---

# Customize Filter Button

 *  [ockographics](https://wordpress.org/support/users/ockographics/)
 * (@ockographics)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/customize-filter-button/)
 * We want the Filter buttons (“New” “Top 10”) to be a solid buttong, not with a
   circle or check box. I tried CSS with Radio and Color, but can’t seem to get 
   it to be just a flat button with copy and hover text. Essentially just higing
   round radio button and adjusting margins.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustomize-filter-button%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)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/customize-filter-button/#post-12670231)
 * Hello [@ockographics](https://wordpress.org/support/users/ockographics/),
 * To hide radio button use this CSS
 *     ```
       ul.berocket_aapf_widget li input[type=radio] {
           display: none!important;
       }
       ```
   
 * To set CSS styles to label
 *     ```
       ul.berocket_aapf_widget li input[type=radio] + label {
           /*ANY CSS STYLES THAT YOU NEED*/
       }
       ```
   
 * To set CSS styles to button when value selected
 *     ```
       ul.berocket_aapf_widget li input[type=radio]:checked + label {
           /*ANY CSS STYLES THAT YOU NEED*/
       }
       ```
   
 * To use it for specific single filter add [data-taxonomy=”NEEDED_TAXONOMY”] to
   input. Example for Style attribute
    `ul.berocket_aapf_widget li input[type=radio][
   data-taxonomy="pa_style"]:checked + label {}`
 * Regards,
    Oleg

Viewing 1 replies (of 1 total)

The topic ‘Customize Filter Button’ 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: [6 years, 2 months ago](https://wordpress.org/support/topic/customize-filter-button/#post-12670231)
 * Status: not resolved