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
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 [Plain] – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Quote [Plain] Citation
Quote [Default] – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Quote [Default Citation
Pullquote [default] – Colour settings – Text colour
Section 1.10.32 of “de Finibus Bonorum et Malorum”, written by Cicero in 45 BC
“Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, et quasi architecto beatae vitae dicta sunt explicabo.”
Pullquote [Main colour + Text Colour]
Section 1.10.32 of “de Finibus Bonorum et Malorum”, written by Cicero in 45 BC
“Ut enim ad minima veniam, nisi ut aliquid ex ea commodi consequatur?
SEPARATOR TYPES
separator – default – above
separator – wide line – above
separator – dots – above
40px spacer – above – paragraph centered
Blank Paragraph Blocks don’t work as separators – use the separator blocks
MEDIA

[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.
[Cover] BLOCK – Align Center, Content position/bottom left – Overlay/gradient/opacity 50% – min height cover 500px



Without caption on individual images – Crop images enabled



With captions on individual images – CROP images DISABLED


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
PDF EMBED
PDF EMBED BLOCK from custom code input
Google Maps EMBED
MAP EMBED from custom code input
BUTTON BLOCK
button block aligned: left
button block aligned: left
button block aligned: center