It’s hard to predict how all content will be styled, and what content there will even be, but Bringhurst tries it’s best! Where it fails is where these classes come in, several styles preloaded with the theme to help format your content perfectly. This guide assumes basic knowledge of CSS.
If you have any ideas for classes that I forgot, please shoot me an e-mail at info@onebyfourstudio.com. I’m always looking for ways to improve this and all my themes.
Please keep in mind that Bringhurst has default styling for a reason – the defaults will be fine for 99% of use! When you need fine-grained control, consult this guide:
h2: Second-level heading.
h3: Third-level heading.
Remember to use heading tags whenever possible! I’ve chosen to use h2 and h3 tags in posts because I thought they would be easier to remember.
align-rightalign-leftalign-centerno-indent: By default, any paragraph that follows another paragraph is indented. Paragraphs following videos, images, quotes, or the first paragraph of a section will not be indented, as per Robert Bringhurst’s detailed instructions:
The function of a paragraph indent is to mark a pause, setting the paragraph apart from what precedes it. If a paragraph is preceded by a title or subhead, the indent is superfluous and can therefore be omitted…
Remove an indent from a paragraph with <p class="no-indent">.
small-caps: Robert Bringhurst suggest using small caps “for abbreviations and acronyms in the midst of normal text.” An example:
World War <span class="small-caps">II</span> becomes World War II
Note: The units for padding are equal to the height of the line-length, 22px.
no-padding-topno-padding-bottomno-padding-rightno-padding-leftno-paddingpadding-toppadding-bottompadding-rightpadding-leftpaddedRemember that Bringhurst’s defaults will be fine for 99% of use! Use these classes sparingly to honor your content in ways the default styling does not. Suggestions? Comments? E-mail me at info@onebyfourstudio.com.
