Introduction
In this tutorial, you will learn how to add custom CSS to a component. CSS stands for Cascading Style Sheet and allows you to style components. You can add custom CSS to custom components and built in components.
Add custom CSS to a component
Select the component that you plan to modify. In the right panel, underneath 'All properties', you will see a search bar. You can use this search bar to find CSS properties. As you start typing the name of the CSS property that you want to modify, a popup window will appear showing relevant properties based on your search query. Please note that you are required to type a minimum of 3 characters for the search results to show. Out of the properties that appear, pick the one that you are trying to modify and you will be asked to set the value for the CSS property. Click 'Update' for changes to take effect.
What CSS properties are there?
There are a lot of CSS properties. Some of the most common ones are background, width, height, padding, margin, color and float. For more, look at the full CSS reference.