Style Examples

Most styling can be set via WordPress editor toolbar. If you don’t see second row of icons, click on “Toolbar Toggle” to bring it out.

WP Toolbar

This is bold text, italic text, and both bold and italic text.

This is Heading 1 example

Narwhal messenger bag normcore, fingerstache quinoa food truck four loko bicycle rights letterpress put a bird on it tofu banjo cray semiotics iPhone. Mlkshk twee Neutra Bushwick. Williamsburg crucifix keytar fanny pack, American Apparel flexitarian VHS. Chillwave Godard cray hoodie Neutra. Vinyl pop-up food truck wayfarers semiotics street art.

This is Heading 2 example, e.g. quote style. Tweet link below is auto added.

Narwhal messenger bag normcore, fingerstache quinoa food truck four loko bicycle rights letterpress put a bird on it tofu banjo cray semiotics iPhone. Mlkshk twee Neutra Bushwick. Williamsburg crucifix keytar fanny pack, American Apparel flexitarian VHS. Chillwave Godard cray hoodie Neutra. Vinyl pop-up food truck wayfarers semiotics street art.

This is Heading 3 example

This is Heading 3 with serif-font class

Narwhal messenger bag normcore, fingerstache quinoa food truck four loko bicycle rights letterpress put a bird on it tofu banjo cray semiotics iPhone. Mlkshk twee Neutra Bushwick. Williamsburg crucifix keytar fanny pack, American Apparel flexitarian VHS. Chillwave Godard cray hoodie Neutra. Vinyl pop-up food truck wayfarers semiotics street art.

This is Heading 4 example

Narwhal messenger bag normcore, fingerstache quinoa food truck four loko bicycle rights letterpress put a bird on it tofu banjo cray semiotics iPhone. Mlkshk twee Neutra Bushwick. Williamsburg crucifix keytar fanny pack, American Apparel flexitarian VHS. Chillwave Godard cray hoodie Neutra. Vinyl pop-up food truck wayfarers semiotics street art.


Color Bordered Boxes

Use “bordered-box red” class. Narwhal messenger bag normcore, fingerstache quinoa food truck four loko bicycle rights letterpress put a bird on it tofu banjo cray semiotics iPhone. Mlkshk twee Neutra Bushwick. Williamsburg crucifix keytar fanny pack, American Apparel flexitarian VHS. Chillwave Godard cray hoodie Neutra. Vinyl pop-up food truck wayfarers semiotics street art.
Use “bordered-box yellow” class. Narwhal messenger bag normcore, fingerstache quinoa food truck four loko bicycle rights letterpress put a bird on it tofu banjo cray semiotics iPhone. Mlkshk twee Neutra Bushwick. Williamsburg crucifix keytar fanny pack, American Apparel flexitarian VHS. Chillwave Godard cray hoodie Neutra. Vinyl pop-up food truck wayfarers semiotics street art.

Color options:

  • red
  • blue
  • yellow
  • green

Blockquote

Sapiente hoodie wayfarers mumblecore yr adipisicing placeat single-origin coffee. Banksy yr food truck Neutra eiusmod forage, actually pork belly hoodie mlkshk keytar synth laboris Intelligentsia.

Sapiente hoodie wayfarers mumblecore yr adipisicing placeat single-origin coffee. Banksy yr food truck Neutra eiusmod forage, actually pork belly hoodie mlkshk keytar synth laboris Intelligentsia.

Neutra eiusmod forage, actually pork belly hoodie mlkshk keytar synth laboris Intelligentsia.

Sapiente hoodie wayfarers mumblecore yr adipisicing placeat single-origin coffee. Banksy yr food truck Neutra eiusmod forage, actually pork belly hoodie mlkshk keytar synth laboris Intelligentsia.


Indentation

Use class “nonindented” and “indented” to modify indentation.


Lists

Bullet list:

  • Sapiente hoodie wayfarers mumblecore yr Sapiente hoodie wayfarers mumblecore yr Sapiente hoodie wayfarers mumblecore yr Sapiente hoodie wayfarers mumblecore yr
  • Sapiente hoodie wayfarers mumblecore yr Sapiente hoodie wayfarers mumblecore yr Sapiente hoodie wayfarers mumblecore yr
  • adipisicing placeat single-origin coffee
  • Banksy yr food truck Neutra eiusmod forage, actually
  • pork belly hoodie mlkshk keytar synth laboris Intelligentsia.

Numbered list:

  1. Sapiente hoodie wayfarers mumblecore yr
  2. adipisicing placeat single-origin coffee
  3. Banksy yr food truck Neutra eiusmod forage, actually
  4. pork belly hoodie mlkshk keytar synth laboris Intelligentsia.

Font Classes

.font-grotesque { font-family: 'Grotesque MT W01' !important; }
.font-grotesque-condensed { font-family: 'GrotesqueMTW01-ExtraCn' !important; }
.font-grotesque-italic { font-family: 'Grotesque MT W01 Italic' !important; }
.font-grotesque-bold { font-family: 'GrotesqueDispMTW01-Bold 706602' !important; }
.font-helveticaneue-condensed-bold { font-family: 'HelveticaNeue-CondensedBold' !important; }
.font-plantin { font-family: 'Plantin W01' !important; }
.font-plantin-semibold { font-family: 'Plantin W01 Semibold' !important; }

To use font classes, do:

<span class="font-grotesque">some text</span>

Space below text

.half-space
.full-space

Can be used on p tag or div tag.

Fonts: all 20px

  1. Plantin W01 Semibold
  2. PlantinW01-SemiboldItal
  3. Plantin W01 Bold
  4. Plantin W01 Bold Italic
  5. Plantin W01 Italic
  6. Plantin W01
  7. PlantinW01
  8. GrotesqueMTW01-ExtraCn
  9. GrotesqueDispMTW01-Bold 706602
  10. Grotesque MT W01
  11. Grotesque MT W01 Italic
  12. OCR B W01 Regular
  13. HelveticaNeue-CondensedBold