How To Use & Customize Interactive Link Widget

Use the Interactive Link Widget to display links in an interactive style with text, images, and numbers.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit Pro.

2. And you will be able to see the Interactive Link Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor 

7. Drop it on the selected area.

8. Setting Content :

• Click Content → Content.
• Select Style : mouse track, inline, background, and split.
• Click show number to add the number in your link.
• Click Icon Library → Select Icon → Click Insert.
• Add your content in Links, click Add Item to add more content.

9. List Style (used to customize the list style) :

• Click Style → List.
• Customize the padding, radius, spacing, and divider.
• Click Yes to enable the divider.

10. Links Style (used to customize the links style) :

• Click Style → Links.
• Customize the link style here.

11. View More Style (used to customize the view more style) :

• Click Style → View More.
• Customize the position, spacing, padding, radius, color and background color.

12. Image Style (used to customize the image style) :

• Click Style → Image.
• Customize the ratio, radius, box shadow and border image here.

13. Don’t forget to click Publish to save the changes.