This page is for Susy and Scott to debug some of the styles… I think it should be removed after the type style issues are fixed. (Text settings LARGE is white, for example) and the NESTED LISTS is messed up…. it doesn’t maintain the right number sequence.

The Common category includes the following blocks: Paragraph, image, headings, list, gallery, quote, audio, cover, video. The paragraph block is the default block type.  It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free-flowing, with love.

This paragraph is left aligned. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim convallis aenean et tortor at risus. Cursus in hac habitasse platea dictumst quisque. Eget nunc scelerisque viverra mauris in aliquam sem fringilla ut. Eu non diam phasellus vestibulum lorem sed risus. Blandit massa enim nec dui nunc. Lectus nulla at volutpat diam ut venenatis.

This italic paragraph is right-aligned. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim convallis aenean et tortor at risus. Cursus in hac habitasse platea dictumst quisque. Eget nunc scelerisque viverra mauris in aliquam sem fringilla ut. Eu non diam phasellus vestibulum lorem sed risus. Blandit massa enim nec dui nunc. Lectus nulla at volutpat diam ut venenatis.

Neither of these paragraphs care about politics, but this one is bold, medium sized and has a drop cap.

This paragraph is centered. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tortor dignissim convallis aenean et tortor at risus. Cursus in hac habitasse platea dictumst quisque. Eget nunc scelerisque viverra mauris in aliquam sem fringilla ut. Eu non diam phasellus vestibulum lorem sed risus. Blandit massa enim nec dui nunc. Lectus nulla at volutpat diam ut venenatis.

Text with added “Text setting” for size

This is text with the “huge” text setting. If you think good design is expensive, you should look at the cost of bad design.

This is text with the “larger” text setting. If you think good design is expensive, you should look at the cost of bad design.

This is text with the “large” text setting. If you think good design is expensive, you should look at the cost of bad design.

This is text with the “normal” text setting. If you think good design is expensive, you should look at the cost of bad design.

This is text with the “small” text setting. If you think good design is expensive, you should look at the cost of bad design.

This is text with the “extra small” text setting. If you think good design is expensive, you should look at the cost of bad design.

General Font sizes selected within WordPress

This needs work… these are defined in functions.php but need to be styled. The styling isn’t applying and needs to be fixed. ALSO, we need to check to make sure that the colors apply correctly.

Hey! Check this out. This line of text is the extra small font size.

This paragraph prefers Jazz over Justin Timberlake. It also uses the small font size.

I’ll go for the minimalists. John Adams, Steve Reich and Philip Glass. It also uses the Normal font size.

The huge text size defaults to 46px. Biggest.

This paragraph is colorful, with a green background and white text. Colored blocks should have a high enough contrast, so that the text is readable.

Below this block, you will see a single image.

Image Alignment 150x150

Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Ordered list

  1. The software should be licensed under the GNU Public License.
  2. The software should be freely available to anyone to use for any purpose, and without permission.
  3. The software should be open to modifications.
    1. Any modifications should be freely distributable at no cost and without permission from its creators.
  4. The software should provide a framework for translation to make it globally accessible to speakers of all languages.
  5. The software should provide a framework for extensions so modifications and enhancements can be made without modifying core code

Unordered list

  • One
  • Two
  • Three
    • Four
  • Five

Quote

Cite

Audio Player

Cover block with background image

File Download Block

The file block has a setting that lets us show or hide a download button with editable text:

Video Blocks

Video blocks have settings for showing and hiding the playback controls. Use autoplay and playback controls responsibly.

This is a video block caption.

The video block below is muted and has a poster image that displays before the video starts:

Skip to toolbar