In this documentation, we will show you how to customize the Read More Toggle widget presented by Element Pack Pro.

Inserting The Read More Toggle

Inserting the widget by following this,

1. Search by the Read More Toggle widget name.
2. Then select the appear widget ( with Element Pack Pro logo T.R corner).
3. After Drag and Drop it on the Elementor Editor page.

Content Tab

The Content tab controller displayed here offers the flexibility to adjust the layout of the widget according to your preferences.

Toggle Section

Go to Content > Toggle

Customize the toggle section by following,

1. Normal Title: Set the title for the visually appear.

2. Opened Title: Set the title for the opened the toggle.

3. Select Source: Select the source for the toggle. (e.g.: Custom, Template Library, AE Template, Widget Selector).

4. Toggle Icon: Enable the switcher to show the toggle icon.
5. Icon Position: Set the position for the Icon.

Additional Section

Go to Content > Additional

Make the additional section customizable,

1. Alignment: Set the alignment for the Icon.
2. Normal Icon: Select the normal icon.
3. Active Icon: Select active icon.
4. Initially Opened: Enable the switcher to opened it initially.

5. Active Scrollspy: Enable the switcher to active the scrollspy.
6. Hash Location: Enable it to show the hash location.
7. Top Offset: Set offset position for it.
8. Scrollspy Time: Set the scrollspy time.

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects that are visually appealing and cohesive with the overall design of the interface.

Title Section

Go to Style > Title

Normal State for Title

This changes appear normally.

Make the title visually good by following,

1. Color: Set the color for the title.
2. Box Shadow: Make the box shadow.
3. Padding: Set the padding.

4. Typography: Set the typography for it.
5. Shadow Color: Set color shadow.
6. Shadow Height: Set the height shadow.

Active State for Title

The changes will appear when it is active.

7. Color: Set the color for active toggle.

Content Section

Go to Style > Content

Make the content visually good by following,

1. Alignment: Set the alignment of the text.
2. Color: Set the color for the content.
3. Typography: Set typography for it.

Icon Section

Go to Style > Icon

Normal State for Icon

1. Color: Set the color for the Icon.
2. Spacing: Set the spacing for the icon.

Active State for Icon

The changes appear when it is active.

1. Color: Set the color for the icon.

Video Assist

You can watch the video above to learn about the Search widget.
Please visit the demo page for examples.

Thanks for staying with us.