Layout customization options
Besides configuring how a component will behave in terms of layout structure, you can also define how it will look. This is important because we want to create functional applications that have a nice visual that appeals to our users.
To style any component inside Bubble, you can click on an existing element on the page and locate the Appearance tab of the property editor. Each component allows you to change slightly different settings, but most of them have pretty much the same options, such as background style, opacity, border style, and shadow style. Some other components allow you to select fonts, colors, and more.
Since we are talking about containers, it is common that we are more interested in defining the design of backgrounds, borders, and more. Once we click on a component, we can easily find all these available options. We can define these styles independently for each container component on the page or we can use a predefined style, which...
