Upcoming element in Niche Addon plugin is to add information about the upcoming. You can use this layout of the element based on your needs. From the below steps, you will see how to work with Upcoming element.
Step O1: In the Elementor Sidebar, under Unique Event Elements section you can see Upcoming Element. Simply drag and drop it to the highlighted area.
Step O2: After adding Upcoming 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.
- Upcoming Events Style: You can choose the style here.
- Background Image: Set your image.
- Title & Title Link: Enter the text and link for the title. You can control that link will open in a new window, add, follow section.
- Upcoming Time: Type time text here.
- Time Icon: Set your icon here.
- Speakers Name: Type speakers name text here.
- Speaker Icon: Set your icon here.
- Venue Name: Type venue name text here.
- Venue Icon: Set your icon here.
Step O3: In this step you'll see what are the options available in Style Tab.
- Section Here you can control the Section Spacing, Background Color, Border, Section Box Shadow, Hover Title Color, Hover Time / Date Color, Hover Venue Color, Hover Organizer Color, Hover Background Color, Hover Border, Hover Section Box Shadow
- Day Here you can control the Typography, Padding, Color
- Day Title Here you can control the Typography, Padding, Color
- Event Title Here you can control the Typography, Padding, Color, Hover Color
- Time / Date Here you can control the Typography, Padding, Color, Icon Color
- Organizer Here you can control the Typography, Padding, Color, Icon Color
- Content Here you can control the Typography, Padding, Color
- Venue Here you can control the Typography, Padding, Color
- Button Here you can control the Padding, Border Radius, Button Width, Typography, Color, Background Color, Border, Hover Color, Hover Background Color, Hover Border
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 Upcoming Events widget Here