Step Process Documentation

Possible Layouts

Welcome to the "Step Process" module, which when used makes your website more organised and easier for the user to understand the content. The customisations that this module offers give you the options to add steps and seamlessly integrate this module to your website. 

• Cards with index number: A variant of this module lets you showcase the steps as cards with index number and content with more customisations.
• Highlight with icons: A variant of this module lets you add icons with hover effect and heading and description content text with more customisation options.
• Responsive and mobile-friendly: 
• The "Step Process" module is designed to provide optimal viewing experiences on various devices, including desktops, tablets, and mobile phones. With its responsiveness, your page will adapt seamlessly, ensuring a consistent and engaging experience across all platforms. 
• Customisation : The “Step Process” module comes with a bunch of customisations, all of which you can control to give the user a seamless experience in tandem with your website’s colours, style, and design. 

Content features:

Customise the Title content and add more steps from content settings. 

In title settings, you can customise the subheading, heading type and heading content. 

In Variant 1 content settings while editing the steps, you can customise the step count, heading type, heading, and description. 

In Variant 2 content settings while editing the steps, you can customise the image, image size, heading type, heading and description. 

Style features:

In module style settings, you can customise the module style, title style, and step style. 

Module Style:

In module style, you can customise the spacing, background and container settings. In spacing setting, you can customise the margins and paddings. 

In background settings, you can customise background type, colour, image, image size and overlay colours. 

You can add or remove the container by just a toggle of a button. 

In title style setting, customise sub heading and heading font type, style, size, colour, alignment, spacing and padding. 

Step Style :

Based on variant, there are different step style settings. These are discussed below. 

In Variant  1:

You can customise the step box, step count, heading and description. 

In step count, heading and description settings, you can customise the font type, type, size, and colour for laptop, tablet and mobile versions separately. 

In Variant  2:

Customise the box columns, alignment, margins and padding in step box setting.