This one will be simple
Lets play with our gray box again (below). Select any element in it and switch to Prop tab in the left panel. There you can edit element properties. Properties depend on the framework. In this example we are using Bootstrap so most of the properties are related to different Bootstrap options for elements. Check the official Bootstrap documentation for explanation.
Go ahead and experiment:
How to Bake the Perfect Pizza
Crispy Dough
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Tomato Sauce
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Yummi Toppings
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Don't feel like cooking?
Order a pizza from our fresh selection.
Did you know?
Many things in nature look just like pizza. See:
Breadcrumbs
Element parents are shown at the top of the Prop tab in the form of breadcrumbs. Only one parent is shown by default. Click on the double right arrow at the beginning of breadcrumbs to expand the view. Collapse it in the same way. Clicking on any of the parents will select it. This is useful when you select a child element by mistake and want to get back to its parent.
This element has style
Notice Style section in properties? We'll take a look at that in the third part of this amazing tutorial.
Now comes the best part...
You already did two steps of the tutorial; there is only one more: Step 3 - Styling page with CSS rules.