Content
- Image or video
- Heading
- Subtext (rich text editor)
- Badge (default peach)
- Button
- Button secondary
Styles
- Image alignment
- Left / Right / Under
- Image Background Style
- Purple / Orange / Border / None
- Text alignment
- Top / Bottom / Center / Space between
- Background color
- Purple/ Orange / Gray / None
- Show top and/or bottom wave
- Container width
- Standard / Fullwidth / Smaller / Extra-small
Example
You can see this module in use at the bottom of the page. This page is a blog, and the image doesn't work well here - it stretches (read more about in the "Other"-tab)
It is also one of the most used module we have, and can be seen on e.g. our product pages.
Improvements?
Badge
The badge is always in peach. It doesn't work well on a peach background.
Padding
The padding above and below cannot be adjusted. As a result, if you use this module with a background color and wave, the text in each module ends up being spaced too far apart.
Image size: Exact width and height
This option can not be used. If the image is too wide, it will stretch the entire page layout. Should it be an option at all?
Image stretches in blogs
It doesn't work well on blogs as the image streches to the height of text. See example below:
Blog:
Website/landing pages:
Module in use:
Split Image And Text
You can add this module in:
Get HR news straight to your inbox