Accommodation element in Niche Addon plugin is to add information about the accommodation. You can use this layout of the element based on your needs. From the below steps, you will see how to work with Accommodation element.
Step O1: In the Elementor Sidebar, under Unique Event Elements section you can see Accommodation Element. Simply drag and drop it to the highlighted area.
Step O2: After adding Accommodation 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.
- Accommodation Style: You can choose the accommodation style here.
- Toggle Align: You can change the position of the content section and the image section.
- Upload Image: Simply upload the accommodation section image
- Image Alignment: You can control the alignment of the image with this option.
- Title Text: Enter the title text in this text field
- Title Link: Enter the link for the title text. You can control that link will open in a new window, add, follow section.
- Price Text: Enter your price in this text field
- Price Duration Text: Enter the price duration text here.
- Content: Enter the content of your accommodation shortcode here.
- Rating: Enter the rating of your accommodation here.
- Location: Enter the location of your accommodation here.
- Button Text & Button Link: Enter your button text and link here.
- Content Alignment: Control your alignment of that content whether you need left right or center.
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: In this, you can control the Padding, Background Color, Background Hover Color, Border, Box Shadow of the Accommodation Element
- Title: Here you can control the Padding, Typography, Normal Color, Hover Color of the title.
- Price: Here you can control the Padding, Typography, Color, Background Color, Border Color of the price.
- Price Duration: Here you can control the Padding, Typography, Color of the price duration.
- Rating: Here you can control the Padding, Typography, Color, Active Color of the rating.
- Content: In this section you can control the Padding, Typography, Color of the content section.
- Link: In this link option you have options for changing Padding, Typography, Color, Hover Color, Hover Border of the link.
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.