PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Help needed for creating Horizontal Filter

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
naveen(@naveen)
2 Posts
Customers
December 27, 2022, 20:42

I am unable to create a Horizontal Filter like this (https://prnt.sc/-Y1A2E2wA6Hq) on my website (https://jumbledcalendar.s4-tastewp.com/) with the Woof Pro plugin.

Can you help me on this. Plz do mention how you did that, so that I can use the method in the future also.

#1
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
December 28, 2022, 12:58

Hello

https://prnt.sc/-Y1A2E2wA6Hq - for this type of filter you need to customize the CSS code. Unfortunately, we do not have a ready solution for you.

To make a hierarchical filter in horizontal view - Please add  CSS:

.woof_container select.woof_select_vehicles {

width: 30%;

}
Last edited on December 28, 2022, 12:59 by Pablo Borysenco · #2
naveen(@naveen)
2 PostsTopic Author
Customers
December 28, 2022, 19:20

Hi Pablo

I am new to CSS editing , can you share a guide/tutorial/video which can help me learn these type of edits for WordPress.

Thanks in Advance.

#3
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
December 29, 2022, 12:15

Hello

Unfortunately I am not a teacher. I'm sure you can find a lot of good CSS tutorials on google.

Please  read  this  - https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

#4