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 to see the link]

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

    (@razyrx)

    Hello @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.