This shortcode For to Add the List Step.
Content
General
- Title – Here you can add the Text that displays above the list step.
- List Items – Here you can add many list items as you want.
List Items
- List Title – Here you enter the list title.
- List Content – Here you enter the content to be displayed in the list item.
- Enable Button – Here you can enable this to display button in the list item.
- Button Text – Here you enter the text to be displayed in the list item.
- Button Link – Here you enter link for the Button.
- Enable Image – Here you can select if you want the Image to display in the List Item.
- Image – Here you can upload the image you want to display in the list step.
Styles
Layout
- Padding – Here you can set the inner spacing around the list step container.
- Color – Here you can set the color for the elements in list step container.
- Background Color – Here you can set the background color of the list step container.
- Box Shadow – Here you can set the box shadow.
List Title
- Alignment – Here you can control the positioning of the Title.
- Margin – Here you can adjust the spacing around the Title Text.
- Padding – Here you can set the inner spacing around the Title Text.
- Color – Here you can set the color of the title text.
- Title Spacing – Here you can adjust the bottom spacing of the Title Text.
- Typography – Here you can set typographical settings link font size, font family, line height, etc.
List Paragraph
- Alignment – Here you can control the positioning of the List Paragraph.
- Margin – Here you can adjust the spacing around the list content.
- Padding – Here you can set the inner spacing around the content text.
- Color – Here you can set the color of the content text.
- Para Spacing – Here you can adjust the bottom spacing of the content Text.
- Typography – Here you can set typographical settings link font size, font family, line height, etc.
List Button
- Alignment – Here you can control the positioning of the List Button.
- Padding – Here you can set the inner spacing around the button.
- Text Color – Here you can set the color of the button text.
- Background Color – Here you can set the Background color of the button.
- Hover Text Color – Here you can set the color of the button text when it is hovered.
- Hover Background Color – Here you can set the background color of the button when it hovered.
- Hover Animation – Here you can select the animation when the button is hovered.
- Border Type – Here you can select the border type for the button.
- Border Radius – Here you can set the roundness of the button.
- Typography – Here you can set typographical settings link font size, font family, line height, etc.
- Box Shadow – Here you can set the box shadow.
Image
- Width – Here you can set the width for the list image.
- Opacity – Here you can set the opacity for the list image.
- CSS Filters – Here you can adjust the CSS Filters for the list image.
- Border Type – Here you can select the border type for the image.
- Border Radius – Here you can set the roundness of the image.
- Box Shadow – Here you can set the box shadow
- Hind on Small Devices? – Here you can enable this to hide image on small devices.