There are two ways of modifying an element’s styling:
- Individual style properties and
- Style classes
Individual style properties
These are individual properties such as text color, background color, padding, margins, etc. Most individual style properties are represented using a simple input field into which you can input the property value. This is illustrated with the screenshot below:
In addition to individual style properties, DesignBundle also allows for style classes to be applied to elements. Style classes can be considered as a group of style properties all applied to an element at once. The style classes are represented as dropdown menus from which you can pick a class.