Meeting element in Niche Addon plugin is to add information about the info box. You can use this layout of the element based on your needs. From the below steps, you will see how to work with Meeting element.
Step O1: In the Elementor Sidebar, under Education Addon Basic Elements section you can see Meeting Element. Simply drag and drop it to the highlighted area.
Step O2: After adding Info Box element in that content area you can simply fill the fields in the Content Tab.
The content tab consists of content area for the shortcode.
- Style: Select the Style.
- Image: Set your image here.
- Meeting ID & Title: Enter the title and id of your shortcode here.
- Title & Link: Enter the title and link of your shortcode here.
- Host Title, Name and Link: Enter the Host Title, name and link of your shortcode here.
- Content: Enter the content of your shortcode here.
- Date & Icon: Enter the date and icon of your shortcode here.
- Play Time & Icon: Enter the play time and icon of your shortcode here.
Step O3: In this step you'll see what are the options available in Style Tab.
The style tab consists of options for changing the style of the shortcode.
- Section: Here you can control the Margin, Padding, Border Radius, Background Color, Border, Box Shadow of the section.
- Meeting Id: Here you can control the Padding, Icon Size, Icon Color, Icon Hover Color of the icon.
- Title: Here you can control the Padding, Typography, Color, Hover Color of the title.
- Hosr: Here you can control the Padding, Typography, Color, Hover Color of the content.
- Meta: Here you can control the Padding, Typography, Color, Hover Color of the content.
- Content: Here you can control the Padding, Typography, Color, Hover Color of the content.
- Button : In this button option you have options for changing Border Radius, Typography, Color, Background Color, Border, Hover Color, Hover Background Color, Hover Border of the button.
Step O4: In this step you'll see what are the options available in the About Me widget Advanced Tab.
The Advanced Tab consists of options for adding the advanced options for the shortcode.
- Advanced : It consist options like Margin, Padding, Z-index, CSS ID, CSS Classes for that whole section.
- Motion Effects : it having the animation options for about me section.
- Background : This option having Background Type and Hover Background Type option with Hover Transition Duration in it.
- Border : In this option you've options for Border, Box Shadow, Hover Border , Hover Box Shadow with Transition Duration
- Positioning : Her you control the Width of the section and change the Position of the section
- Responsive : In this option you can hide that section in Desktop, Tablet, Mobile based on your need.
- Attributes : It will help you to add custom Html Attributes but it will available once you installed the Elementor Pro version.
- Custom CSS : You can add your Custom CSS in this field. It will available once you installed the Elementor Pro version.
You can see types of styles in this widget Here