TITLE XCRAFTINAMERICA WP Style REF
Click on the items when in the editor to see how they’re related to blocks and layout.
The copy from this first BLOCK is what will be used as the blurb in the list layout.
Remember, items in the editor may appear different once published
Cover BLOCK – Align Center, Content position/bottom left – Overlay/gradient/opacity 50% – min height cover 500px
Add an image or video with a text overlay — great for headers.
Paragraph – Hello
H1 Craft in America
H2 Craft in America
H3 Craft in America
H4 Craft in America
H5 Craft in America
H6 Craft in America
Paragraph – Regular/Default Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Paragraph Block – Colour Setting – Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
Paragraph Text Settings – regular bold italic underline subscript superscript Text Colour Craft in America link (opens in a new tab)
Paragraph small SMALL font size 13 Craft in America
Paragraph [Font Size] normal/default NORMAL 16 Craft in America
Paragraph medium MEDIUM 20 Craft in America
Paragraph large LARGE 36 Craft in America
Paragraph huge HUGE 42 Craft in America
Drop Cap
- Bullet list 1
- list 2
- list 3
- Numbered list 1
- list 2
- list 3
COLUMN LAYOUT BLOCKS
Below is example of 3 column layout. Each 33.3% width.
Heading H2
3 Column Layout
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
Paragraph – Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Heading H2
Paragraph: background colour created padding in the column layout.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
QUOTE BLOCK TYPES
Quote Default – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Quote Default Citation
Quote Large – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Quote Large Citation
Pullquote [default] – Colour settings – Text colour
“Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, et quasi architecto beatae vitae dicta sunt explicabo.”
Section 1.10.32 of “de Finibus Bonorum et Malorum”, written by Cicero in 45 BC
Pullquote [Main colour + Text Colour]
“Ut enim ad minima veniam, nisi ut aliquid ex ea commodi consequatur?
Section 1.10.32 of “de Finibus Bonorum et Malorum”, written by Cicero in 45 BC
SEPARATOR TYPES
Blank Paragraph Blocks don’t work as separators – use the separator blocks
separator – default
separator – wide line
separator – dots
40px spacer below paragraph
40px spacer above paragraph
MEDIA
Without caption on individual images – Crop images enabled
Joan Takayama-Ogawa, Kauai Coral Reef (left), John Luebtow, Linear Form Series, Cat. # LF-4-02/4 (right) 
Jennifer McCurdy, Coral Nest Photograph by Gary Mirando 
Islands in the Land Exhibition, The Rio Grande, San Ildefonso, Blue Corn
With captions on individual images – Crop images enabled
Joan Takayama-Ogawa, Kauai Coral Reef (left), John Luebtow, Linear Form Series, Cat. # LF-4-02/4 (right) Jennifer McCurdy, Coral Nest Photograph by Gary Mirando Islands in the Land Exhibition, The Rio Grande, San Ildefonso, Blue Corn
With captions on individual images – Crop images disabled
TILED GALLERY – Tiled Columns- 2 columns – Display multiple images in an elegantly organized tiled layout.
OTHER LAYOUT BLOCKS
MEDIA and TEXT BLOCK
“Set media and words side-by-side for a richer layout.”
EMBEDDED CONTENT BLOCKS
HTML EMBED BLOCK from custom code input
MAP EMBED from custom code input
BUTTON BLOCK
button block aligned: left
button block aligned: left
button block aligned: center