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
  1. Numbered list 1
  2. list 2
  3. 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
“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

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

Photo by Panic Studio LA, courtesy of Los Angeles World Airports and City of Los Angeles Department of Cultural Affairs.
Jennifer McCurdy, Coral Nest Photograph by Gary Mirando, Making Waves: Ocean Ecology & Craft, Craft in America
Islands in the Land Exhibition, The Rio Grande, San Ildefonso, Blue Corn
[GALLERY] BLOCK CAPTION – centered
Without caption on individual images – Crop images enabled
Photo by Panic Studio LA, courtesy of Los Angeles World Airports and City of Los Angeles Department of Cultural Affairs.
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, Making Waves: Ocean Ecology & Craft, Craft in America
Jennifer McCurdy, Coral Nest Photograph by Gary Mirando
Islands in the Land Exhibition, The Rio Grande, San Ildefonso, Blue Corn
Islands in the Land Exhibition, The Rio Grande, San Ildefonso, Blue Corn
[GALLERY] BLOCK CAPTION – centered
With captions on individual images – CROP images DISABLED
Gerardo Monterrubio, Pinches Borrachos, 2018 Craft in america Center Democracy 2020: Craft & the Election
[IMAGE ]BLOCK – Default – Align center – Image size: Full Size – Image dimensions 25%
Gerardo Monterrubio, Pinches Borrachos, 2018 Craft in america Center Democracy 2020: Craft & the Election
[IMAGE] BLOCK – Rounded – Align center – Image size: Full Size – Image dimensions 25%

OTHER LAYOUT BLOCKS

Courtney Mattison, Fossil Fuels: Oil Drum, Craft in America

[MEDIA and TEXT] BLOCK

“Set media and words side-by-side for a richer layout.”

EMBEDDED CONTENT BLOCKS

WP embed BLOCK – automatic from link


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
Button Gradient
Button Outline
Align: left

button block aligned: left

Button BLOCK – Wide settings 25%
Button Gradient – Wide settings 50%
Button Outline – Wide settings 75%
Align: left – Wide settings 100%

button block aligned: left

Button BLOCK
Button Gradient
Button Outline
Align: center

button block aligned: center