Widget Guidelines

How To Use & Customize Team Widget

Estimated reading: 2 minutes 57 views

Show your awesome Team by using the RomethemeKit Widget in a very easy way.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Team 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 Member Content :

  • Click Content → Member Content.
  • Setting your member content here.
  • Select your member style, activate Pointer Effect if you want to use the pointer effect.

9. Setting Social Media :

  • Click Content → Social Media.
  • Click Add Item or Click Duplicate to add new social media.
  • Click Icon Library Choose Icon Click Insert.

10. Wrapper Style (used to customize the wrapper style) :

  • Click Style → Wrapper.
  • Customize the box padding, radius, border type, background color, and box shadow.

11. Member Image (used to customize the member image style) :

  • Click Style → Member Image.
  • Customize the hover effect image, member image ratio, and radius.

12. Content Style (used to customize the content style) :

  • Click Style → Content.
  • Customize the alignment, padding, margin, name tag, typography, spacing, background color, name and member color.

13. Social Media Style (used to customize the social media style) :

  • Click Style → Social Media.
  • Customize the spacing, icon size, margin, padding, radius, position, social media and background color, text and box shadow, border.

14. Insert Team From Pre-Made Templates :

  • Click RomethemeKit Icon.

15. Click Tab Block

16. Click Team.

17. Click Import, click Preview to show the demo.

18. You can see your template Team Member showing.

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

Share this Doc

How To Use & Customize Team Widget

Or copy link

CONTENTS