[fernandocd79Participant]

Hi Support,

I’m using this CSS with autoptimize deactivated:
.woof_reset_search_form {
padding: .363em 0.425em
font-size: 5px;
}

While “inspecting element” I see this button code: <button style=”float: right;” class=”button woof_reset_search_form” data-link=””>My reset</button>

In the class attribute I can see “button ” before “woof_reset_search_form”. Will this affect the fact that the button is still too big?

One more thing, how can I display the filter button (it doesn’t show)? https://www.spanishgurus.com/shop/?swoof=1&product_tag=b2

Thanks in advance

Fernando

[RadModerator]

Hi there,

Thanks, it’s now clearly displaying the issue. It has no semi-colon. Please change that CSS to this,

.woof_reset_search_form {
padding: .363em 0.425em;
font-size: 5px;
}

or this,

.woof_reset_search_form {
padding: .363em 0.425em !important;
font-size: 5px !important;
}

The filter is displaying on my end, please provide a screenshot 🙂

Thanks!

[fernandocd79Participant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

You don’t need filter button, it uses ajax method and when you check the boxes it searches automatically.

Hope it helps.

[fernandocd79Participant]

Hi there,

This is how I initially reasoned. But “alaxification” doesn’t work well in all devices, e.g. in my Samsung tablet

Regards

[JackKeymaster]

Hi there,

Thanks for writing back, is this the plugin you are using? https://wordpress.org/plugins/woocommerce-products-filter/

If so out the box that doesn’t have a filter button and only works with Ajax, you’d need to contact the plugins developer about possibly adding that.

Thanks!

[fernandocd79Participant]

Hi Rad,

It has a button, actually I asked X-theme support to hide it, you passed me the code, but I don’t know exactly what the CSS code to re-enable it back. This is the old post: https://community.theme.co/forums/topic/shop-sidebar-not-displaying-correctly/page/2/

Could you help me on this?

Regards

[RadModerator]

Hi there,

This is the CSS that hides it

.woocommerce.widget_price_filter,.woof_submit_search_form_container,span.woof_checkbox_count {
    display: none;
}

Please remove it if you wish to enable it back.

Thanks!

[fernandocd79Participant]

Hi there,

I’ve removed that line. Now, I have the item count (which I’d like not to have), but I still can’t see the filter button.

I’m attaching the current global css file.

Thanks and regards

Fernando

[Paul RModerator]

Hi Fernando,

1. To hide the item count only, you can add this under Custom > CSS in the Customizer.

span.woof_checkbox_count {
    display: none;
}

2. The filter doesn’t have a button. When you click on the checkboxes it automatically filter your products without needing to click a button.

Hope that makes sense.

[fernandocd79Participant]

Thanks. I understand. However the auto-submit feature doesn’t work in some devices. That’s why I wanted to have the filter button enabled. I just deactivated auto-submit feature.

If “woof_reset_search_form” is the “Reset” button. What’s the “Filter” button? so I can apply the right formatting?

.woof_reset_search_form {
padding: .363em 0.425em;
font-size: 5px;
}

Thanks

[Rue NelModerator]

Hello There,

To style the filter button, you can use this code:

.woof_submit_search_form {
  padding: .363em 0.425em;
  font-size: 5px;
}

Hope this helps. Kindly let us know.

[fernandocd79Participant]

Hi Rue,

Thanks for your help. We made it

Fernando

[LelyModerator]

You’re welcome Fernando!

Always,
X

[fernandocd79Participant]

Hi Lely,

I still have this “Join now” button in the blog with the wrong format: https://www.spanishgurus.com/blog/spanish-teachers-vs-spanish-tutors/

How could I apply the “padding: .363em 0.425em; font-size: 5px;” to this button?

Thanks

Fernando

[Author]

Posts