The purpose of this page is to play with blocks. The page will contain several different blocks of various types. The block following this will contain a horizontal separator or hr. To see the code (as opposed to the gui image, click the 3 vertical dots at top right of page and change Editor to ‘Code Editor’. You can then see the html/css for each block – with options. Experiment to see what can be set that cannot be set using the gui.
The block above is a separator. It was created by clicking the circled plus in the upper left corner. The block following this will he a Header 4 block. I’ll leave the cursor in the middle of this block and hit the circled plus in the upper left corner to see if it works.
Header3
The previous block was a Heading H3. Note that if the cursor is anywhere inside a block, hitting the circled plus will create another block afterwards. For now, we’ll stop adding blocks because we want to get a list of all CSS classes while it is simple. Later, we can compare this simple list to newer lists to see what was added.
The button below this is much larger while being edited than it is being normally shown. How to fix?
This is the column on the left side. It is actually a paragraph type block. The outer structure is of type columns.
The .jpg file on the right is a block of type image. There are dots that can be dragged to resize it. When the dots are dragged, the width and height are shown. To see the dots, just click on the image. The image can also have a link – which when clicked will to there.
- This is a list. first item
- second item
- third item