Text Styles

The Journalistic theme includes helper classes to make it easier to add intro text to your pages and posts. There are many text styling attributes which are applied automatically, however these are optional styles you can choose to use as needed for your own presentations.

Intro Text

To create some introduction text at the start of a story, using a slightly larger font and emphasis on the text, simply include the class lead-in on the paragraph. For example, the text below uses this style:

This text has a ‘lead-in’ style to make it stand out. It can be used anywhere in a page or post content but typically it is at the start of a page or immediately after heading to begin a section.

Example:

<p class="lead-in">Add your text here.</p>


Drop Caps

You can create a larger first letter in the first word of a paragraph, known as a drop cap by applying the class dropcap to the paragraph. For example, the text below uses this style:

This text has a ‘dropcap’ style to make the first letter of the first word larger. It can be used anywhere in a page or post content. This is typically used in the first paragraph of a page or post to bring attention and simulate a newspaper style.

Example:

<p class="dropcap">Add your text here.</p>


Combine lead-in with dropcap

The two styles can be used together, and in may of the examples found on this demo site you will see this being done. Simply include both classes for the results:

This text has both classes ‘lead-in’ and ‘dropcap’ to apply both of the styles in the same paragraph. It can be used anywhere in a page or post content. Using both styles together can create a strong introduction text at the start of a story for grabbing attention.

Example:

<p class="lead-in dropcap">Add your text here.</p>