Customize the radio button display of a child topic

This support ticket is created 2 years, 4 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 2 years, 4 months ago.

Assisted by: Luo Yang.

Author

Posts

April 26, 2023 at 9:01 pm #2599803

kaiW-3

2536581-2023_01_17_12_14_16_Edit_Page_LeafSider_Kudos_LeafSide_WordPress-150x150.png

2536581-2023_01_17_12_13_58_Edit_Page_LeafSider_Kudos_LeafSide_WordPress-150x150.png

2536581-2022_12_20_14_58_18_Edit_Page_LeafSider_Kudos_LeafSide_WordPress-150x150.png

2535981-2023_01_16_22_01_13_LeafSider_Kudos_LeafSide.png

2536581-2023_01_17_12_14_30_Edit_Page_LeafSider_Kudos_LeafSide_WordPress-150x150.png

I have two types of topics, parent and child, represented as radio buttons. The child topics have a dash ("-") displayed before their names. I'm looking for a way to modify this format by replacing the dash with an em dash ("—") or by removing it altogether and simply indenting the child topics.

Additionally, is there a way to hide the radio buttons with a filter drop-down on mobile? This would improve the appearance of the radio buttons, especially on mobile devices. Any help with customizing this format would be greatly appreciated.

What is the link to your site?
hidden link

April 27, 2023 at 8:50 am #2600053

Luo Yang

Hello,

Most of your screenshots are too small, I can not see them clearly, can you provide those screenshots in original size?

And how do you setup the "two types of topics, parent and child"?
Are they two different post types?
How do you setup the post view, and custom search form?

May 1, 2023 at 8:45 pm #2601671

kaiW-3

2022-12-20 - 14-58-18 - Edit Page “LeafSider Kudos” ‹ LeafSide — WordPress.png

2023-01-17 - 12-14-30 - Edit Page “LeafSider Kudos” ‹ LeafSide — WordPress.png

2023-01-17 - 12-14-16 - Edit Page “LeafSider Kudos” ‹ LeafSide — WordPress.png

2023-01-17 - 12-13-58 - Edit Page “LeafSider Kudos” ‹ LeafSide — WordPress.png

There is one post type, "Kudos Post". The posts can be categorized by parent topic and then child topic. These are part of the same taxonomy.

Here is an example:
Parent: Variety
Children: Variety of Ingredients, Variety of LeafSide Meals, Variety of Meal-Mods

The images should show you how the post view and custom search are set up. Thanks for your help in advance.

May 4, 2023 at 7:36 am #2602707

Luo Yang

Q1） modify this format by replacing the dash with an em dash ("—") or by removing it altogether and simply indenting the child topics.
I assume we are talking about a Hierarchical taxonomy.

There isn't such kind of built-in feature within Toolset plugins, you can use custom JS codes to replace the character from dash ("-") with other charcters.

For example:
hidden link

Q2) is there a way to hide the radio buttons with a filter drop-down on mobile
There isn't such kind of built-in feature within Toolset plugins too, you might consider to create two different post views, one for mobile devices, the another for desktop device, use [wpv-conditional] shortcode to check if user is using mobile device:
https://developer.wordpress.org/reference/functions/wp_is_mobile/
Then display different post view:
https://toolset.com/course-lesson/using-toolset-conditional-block/#checking-for-values-from-custom-functions