You can make further customizations for your widgets with the Helper classes ( or modifiers ) . Let's have a look how it works on below example which is grey background box, title, text
You can see that default element such as grey box hs-description has grey background.
Now we change it for another color - carrot. ( This and all other color names are available in section 'select your color' of framework menu.
So, now we apply the other style for our box with carrot background:
1) color-white - for white text
2) ghost-white - for outlined white button.
Please pay attention at the position of helper classes:
That was just an example of using helper classes with custom widgets. Please check below the most common classes available in Zodiac framework:
Display/hide elements in responsive design