Style Guide

You can add an introductory larger size text to your articles by simply wrapping a paragraph in a p tag with the CSS class of “intro”. Put simply, larger text will usually be read before smaller text.

We paid a lot of attention to getting the basics of our typography right in the new WordPress Blog theme. The purpose of this page is to help determine what default settings are with CSS and to make sure that all possible elements are included. For example we looked at headings. Lovely headings.

Heading Two

Dropcap can be added by wrapping the first letter of the first word in a span tag with the CSS class of “dropcap”. Instead of using the body text font, we use a unique style. This also ties the two elements together if the display.
font works well with the body text.openers. You can also use a purely decorative font. There are thousands of decorative typefaces, and most of them aren’t appropriate for use in a book’s body text.

“Blockquotes are a great way to display and format quotations. Insert beautiful quotes using the “quote” button from the visual editor. To add an author just wrap its name in a cite tag.”

Are you still making bulleted and numbered lists by manually typing bullets or numbers at the beginning of each line? In the 21st century, this is a task no one should be doing by hand.

  • List for
  • To do always
  • You want love
  1. List for
  2. To do always
  3. You want love
Book Author Year
Alice’s Adventures in Wonderland Lewis Carroll 1865
Moby-Dick Herman Melville 1851
Treasure Island Robert Louis Stevenson 1883
Journey to the Center of the Earth Jules Verne 1864

Heading three Image Styles

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started.


The rest of this paragraph is filler for the sake of seeing the text wrap around a right aligned image. As you can see there should be some space above, below, and to the left of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speaklike you words. As you can see there should be some space above, below, and to the left of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words.

Heading four

Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition.

Don’t let anyone else tell you differently. In just a bit here, you should see the text start to wrap below the left aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition.

Don’t let anyone else tell you differently. In just a bit here, you should see the text start to wrap below the left aligned. Image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition.

Don’t let anyone else tell you differently. In just a bit here, you should see the text start to wrap below the left aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.

Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition.