How to change font size of jqxtree

Question

I have tried to change font size of jqxtree, but nothing worked.

Below are the tries:

1. Appliced embbed style for jqxtree div

   <div id="jqxTree" style="font-size: 8px;"></div>
   

2. Appliced css style for jqxtree div

     <div id="jqxTree" class="treeClass"></div>
   

   .treeClass{ font-size: 8px; }

I googled and found that font size can be changble by custom theme. But I am looking for is there any way just change the font size of jqxtree without using custom theme. I know that custom theme is good option but right now my requirement is very small. As just want to change the font size do I need to load such a big js file and assuming may face any other issues and understanding css code bit stuff.

Url for change font size via custom theme: http://www.jqwidgets.com/community/topic/changing-font/#post-22806

Note: loading data via JSON. I looking to fix this issue by css if possible.

Please help me to fix this issue by simple way. Thanks in advance!!

Answer 1

This issue was resolved.

#jqxTree li{
    font-size:8px;
}

Please refer the below fiddle,

http://jsfiddle.net/zp5qeqn5/

Thanks to all!!!