One awesome feature of Kata is its styler. It lets the users design a page just like what they have in mind. In this article, we are going to check the differences between the Free and the Pro version.
To get it better, let’s start with one of the widgets (in this case Icon Box).
Firstly, go to Styler by clicking on “Styler” from the tabs and click on the 
icon of the element you want to edit (this option is included in both the free and the pro version).
The difference between the two Stylers are indicated with the 
and 
icon. Below you can see the differences between the two.
| Features | Pro | Free |
| Normal | ✓ | ✓ |
| Hover | ✓ | ✓ |
| Parent Hover | ✓ | ✗ |
| Before | ✓ | ✗ |
| After | ✓ | ✗ |
| Text | ✓ | ✓ |
| Background | ✓ | ✓ |
| Display | ✓ | ✓ |
| Size | ✓ | ✓ |
| Padding & Margin | ✓ | ✓ |
| Border | ✓ | ✓ |
| Shadow | ✓ | ✓ |
| Position | ✓ | ✓ |
| Filter | ✓ | ✗ |
| Transform | ✓ | ✗ |
| SVG | ✓ | ✓ |
| Animation | ✓ | ✓ |
| All Responsive Devices | ✓ | ✗ |
| Styler Copy / Paste | ✓ | ✗ |
Another difference between the Free and the Pro version regards the responsivity for each. In Pro, you will have three sizes, small mobile, laptop, and tablet landscape.
In the Free version, these sizes do not exist.
Another feature which is included in the Kata Plus Pro is the copying, pasting and resetting the styles which have been added to the styler, with which you can copy all the styles of an element onto another element.
