Posts Tagged "flatiron features"

Changing the Logo & Header

The logo and header image used on this site are placeholders; when you use Flatiron on your site, you’ll probably want to change both.

Both images are located in themes/flatiron/images
The logo image should be 96px high, and should be flush with the side edges (Flatiron will insert its own padding)
The header image should be 96px high [...]

Continue reading...

Vertical Rhythm and the Baseline Grid

Content should always be composed to a baseline grid — a ladder of lines determining where each line of text starts. The baseline grid is crucial for maintaining your site’s vertical rhythm, allowing for ease of reading and a pleasing composition.
Surprisingly, many websites do not have any sort of baseline grid. Content is spaced arbitrarily, [...]

Continue reading...

Notes & Alerts

In addition to the standard HTML tags, Flatiron includes some methods of its own for styling content attractively and effectively.
Notes
Often, its helpful to highlight a specific portion of your content, such as a download link or a key point. To facilitate this, Flatiron provides the “alert” class, which should be applied to a div.
This is [...]

Continue reading...