Modules
How to apply
Step-by-step how to apply section.
How to apply
Description
How to apply presents the application steps as a numbered list, with a supporting image and a call-to-action button. It is used on conversion pages where the next step needs to be clear.
How to edit
- Go to Elementor → Editor → Templates.
- Search for
How to apply. - Open the template and edit the step titles, body copy, image, and button directly.
- Save, then check a page that uses the template.
Each step is its own row, so add or remove rows to change the number of steps. The numbers and dividers between steps are applied automatically.
Variants
CK – How to apply
Classes
Primary classes used by the how to apply component:
| Class | What it's for |
|---|---|
ck-how-to-apply | Main wrapper |
ck-how-to-apply__steps | A single step row, despite the plural name |
ck-how-to-apply__step | The step number inside a row |
ck-how-to-apply__description | The step content beside the number |
Styling is done through a combination of the built-in page builder options as well as custom CSS where needed.