Title: Adding Hierarchical Styling
Last modified: August 30, 2016

---

# Adding Hierarchical Styling

 *  Resolved [debsher](https://wordpress.org/support/users/debsher/)
 * (@debsher)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/)
 * Hi – I see that it’s possible to create a hierarchical display of terms in the
   filter drop downs, but I don’t know enough about coding to understand where to
   make the changes. I think I found the code in the documentation, but where do
   I add it?
    Thanks in advance for your help. Deb
 * [https://wordpress.org/plugins/beautiful-taxonomy-filters/](https://wordpress.org/plugins/beautiful-taxonomy-filters/)

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Author [Jonathandejong](https://wordpress.org/support/users/jonathandejong/)
 * (@jonathandejong)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531003)
 * Hi Deb,
 * There’s already a “hierarchy” by css classes you can use to create your own styling
   if that’s what you’re looking for.
 * You can target the different levels by classes like “level-0”, “level-1” etc.
 *  Thread Starter [debsher](https://wordpress.org/support/users/debsher/)
 * (@debsher)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531004)
 * Thanks for your reply. Would I add that to the custom CSS styling box? I’m not
   very strong in the areas of coding and CSS.
    Thanks, Deb
 *  Plugin Author [Jonathandejong](https://wordpress.org/support/users/jonathandejong/)
 * (@jonathandejong)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531005)
 * No problem,
 * You can either add it to the custom CSS styling box or in your themes style.css.
   
   Like:
 *     ```
       .select2-results li.level-0{
       color: red;
       }
       ```
   
 *  Thread Starter [debsher](https://wordpress.org/support/users/debsher/)
 * (@debsher)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531006)
 * Thanks for example! My problem really has to do with the fact that my hierarchical
   taxonomy is displaying as a flat list. All I need is the proper indentations,
   and that’s not happening.
 *  Plugin Author [Jonathandejong](https://wordpress.org/support/users/jonathandejong/)
 * (@jonathandejong)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531008)
 * Okay, if you’re using select2 for the dropdowns in the filter they should have
   a “–” before the term names if they are child terms. Otherwise you can add something
   like a padding to the level-1 elements.
 *     ```
       .select2-results li.level-1{ padding-left:10px; }
       ```
   
 *  Thread Starter [debsher](https://wordpress.org/support/users/debsher/)
 * (@debsher)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531019)
 * Unfortunately, that line has no effect on the drop down display. I added a dash
   to the category name, and that does help distinguish the child categories, but
   the category looks strange when it’s displayed elsewhere on the site. I must 
   be doing something incorrectly.
    I do appreciate all your help! Thanks, Deb
 *  Thread Starter [debsher](https://wordpress.org/support/users/debsher/)
 * (@debsher)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531021)
 * Jonathan –
 * I figured it out. I added the extra code into to my Functions.php file and now
   it works. Thanks so much for your help! I love your plugin!
    Deb
 *  Plugin Author [Jonathandejong](https://wordpress.org/support/users/jonathandejong/)
 * (@jonathandejong)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531076)
 * Hi Deb,
 * Glad you worked it out!
    If you enjoy the plugin please feel free to leave a 
   review, it helps to keep me motivated 😉
 * Best of luck in your project!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Adding Hierarchical Styling’ is closed to new replies.

 * ![](https://ps.w.org/beautiful-taxonomy-filters/assets/icon-256x256.png?rev=1654967)
 * [Beautiful taxonomy filters](https://wordpress.org/plugins/beautiful-taxonomy-filters/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/beautiful-taxonomy-filters/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/beautiful-taxonomy-filters/)
 * [Active Topics](https://wordpress.org/support/plugin/beautiful-taxonomy-filters/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/beautiful-taxonomy-filters/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/beautiful-taxonomy-filters/reviews/)

## Tags

 * [hierarchical](https://wordpress.org/support/topic-tag/hierarchical/)

 * 8 replies
 * 2 participants
 * Last reply from: [Jonathandejong](https://wordpress.org/support/users/jonathandejong/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/adding-hierarchical-styling/#post-6531076)
 * Status: resolved