Double click text to change it

To style this paragraph, select this paragraph, then edit its styles in the Style tab on the right side of the Designer.

Edit this link in the settings tab in the right panel

section--1-image

In the navigator tab located in the right panel you can see all your elements in one place.

facebook stripe apple fitbit buzzfeed sega dropbox google

What is a Class?

A Class is more than just the name of an element, it is a title you create that can be added to other elements that you'd like to be styled the same way. Notice that if you select this paragraph, and change it, it will effect the paragraph below as well, since they have the same Class.

section--2-image1

You can also double click an image to change its size.

section--2-image2

Double click an image to replace it.

Parents, and text alignment

By now you may have noticed that web design, simply put, is a series of boxes inside of boxes with text and images inside of them. Try selecting the parent element of this text right2 then changing the text alignment.

Layout tip

Change the layout direction of a flexbox element from horizontal to vertical.

section--3-image

Flexbox is a display setting found in the styles tab under Layout > Display Settings

Step 1

section--3-collage-img1

Click to select Column 1 which is the white box that this paragraph you're reading is currently inside of.

Step 2

section--3-collage-img2

Now that Column 1 is selected, press the up arrow on your keyboard, selecting the parent element: Column Wrap 1

Step 3

section--3-collage-img3

With Column Wrap 1 selected, click the icon shown above in the Layout > Flex Layout styles panel.