In this documentation, we will show you how to customize the Reading Timer  widget presented by the Element Pack Pro add-on.

Insert Reading Timer Widget

1. Search by the Reading Timer widget name.
2. The widget will appear, Check the Element Pack Pro logo on top right corner.
3. Select the widget then Drag and Drop it on the editor page.

Content Tab Customization

Reading Timer Section

Go to Content > Reading Timer

1. Selector ID: Find the Selector ID ( Provide the ID which section want to Read)
2. Average Words Per Minute: Set the average words reading per minutes.
3. Minute Text: Set the Text for the Minute Text.
4. Seconds Text: Set the Text for the Seconds Text.

Set Section/Container ID

Go to Advanced > Advanced

1. Margin: Set the margin for the Layout.
2. Padding: Choose the padding for this.
3. Align Self: Set the position for the alignment.
4. Order: Set the order in Left or Right.
5. Size: Set the size for the Text.
6. Position: Set the position for the Layout.
7. Z-Index: Set the Z-Index for positioning.

Find the CSS ID Section and set a Unique ID Name Here.

Style Tab Customization

Reading Time Section

Go to Style Tab > Reading Time

1. Color: Set the Color for the Reading Time.
2. Background Type: Set the background type and choose the color for the background.
3. Padding: Set the spacing for the inner space.
4. Margin: Set the margin for the reading time.
5. Border Type: Set the border type for the Reading Time.
6. Border Radius: Set the border radius.
7. Alignment: Set the alignment for the reading time position on left centre or right.
8. Typography: Set the typography for the Reading Time.

Video Assist

The Reading Timer widget Video Tutorial Coming Soon. Please visit the demo page for examples.

Thanks for being with us.