Content
- Background image
- Add caption
- Size (doesn't work?)
- Subheading (above Headline)
- Headline
- Summary
- Button
- Link
- Button text
Styles
- Background overlay
- Apply a dark overlay (20% or 40%) to ensure the white text remains readable.
Example
You can see this module in use at the bottom of the page. Note that this example is from a blog module, where the width is narrower than on standard website pages.
Here’s how it will appear on a landing page:
Note
Always check how it appears on different screen sizes.
On blogs, especially Knowledge Hub-blog, you can instead use Hero Blog Fullwidth.
Improvements
Size doesn't work? Unless I’m overlooking something, this option should be removed to prevent confusion.
Should this module be hidden as an option in blogs? We also have the Hero Blog Fullwidth module, which we use on Knowledge Hub.
Module in use:
Headline takes 50% width
Image is too bright – added 40% overlay..
Text above headline
Short headline
The focal point of the image should be aligned to the right to accommodate the text overlay.
You can add this module in:
Get HR news straight to your inbox