Making Parent Terms <strong> in select fields

Hello, i am using populate anything with GF to populate a category list.

I would like to have it pop a little more nicely by doing 3 things:

  1. Make Parent Terms Bold
  2. Step/tab the Child Terms in.
  3. if possible make the Parent Terms Non clickable

the goal would be something like:

ive been able to get all terms using “#id options” but this selects all in the list
I thought it may be ul/li but i cant seem to get this working.

Any help would be appreciated

You can try using the following CSS code to achieve all three requirements. :point_down:

  .parent {
    font-weight: bold;
    cursor: not-allowed;

  .child {
    margin-left: 20px; 

Thanks for the reply

from what ive just been googling there is no css for parent from what ive read.
needs to be jquery i think

This snippet will tell Populate Anything to display the terms hierarchically.

For disabling the parent terms and styling them, drop us a line in support and we’ll be happy to look into adding support for this in the snippet.

1 Like

Good afternoon, @HireaChef101 :wave:

Can you share your website URL? I can help you test the code and find a solution. If jQuery is required, no problem. Thank you. :+1:

unfortunately its on my localhost

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.