Hero Image
- Tasha Maxwell

Powerful Overrides

The Typhoon theme has powerful page-level overrides that let you customize the look of each page. Child pages will then use any parent's settings as overrides before falling back to the theme-level defaults. This allows you to easily give your blog post some bling.

Hero Options

Hero Options

Clicking on the Hero tab allows you to override any of the default theme-level Hero settings. In this example you can see how Subtitle and Title Text as well as the Hero Content itself has been customized for this page.

Hero Settings & Hero Overlay

Hero Settings & Overlay

You also have full control over the main Hero Settings which provide control such as alignment, a specific image to display and custom padding classes.

The Hero Overlay controls the overlay that sits on top of the image, but below the text. This allows full control over the contrast between the image and text.

Other Related Posts:

Text & Typography

Text & Typography

The Typhoon theme is powered by the Tailwind CSS framework which is a modern utility-based CSS framework. It provides utility classes for almost every possible CSS style element, but it also provides some basic built-in styling for for common HTML tags such as those that are output by Markdown content from Grav.

9th Oct 2020