The Post Navigation widget in 10Web Builder allows you to add navigational elements to your posts or pages, making it easy for users to move between different content pieces. This guide will show you how to add and configure this widget effectively.
Adding Post Navigation widget
- Drag the Post Navigation widget from the widget panel to your page canvas while editing the page.
- Configure the settings of the widget to fit your needs.
Content tab
- Label: Click the toggle to show or hide the next and previous labels.
Previous Label: Customize the text of the previous label in the given field.
Next Label: Customize the text of the next label in the given field. - Arrows: Click the toggle to show or hide the navigation arrows.
Arrows Type: Click on the drop-down menu to set an arrow type. - Post Title: Click the toggle to show or hide the previous and next post titles.
- Borders: Click the toggle to show or hide borders.
Style tab
Label & Title
Note:
These sections can be separately configured for Normal and Hover modes.
- Color: Customize the color of the navigation label and title.
- Typography: Customize typography settings for the label and title.
Arrow
- Color: Customize the color of the navigation arrows.
- Size: Set the size of the navigation arrows.
- Gap: Adjust the spacing of the arrows relative to the label and title.
Borders
- Color: Customize the color of the border.
- Size: Set the thickness of the borders.
- Spacing: Set the vertical spacing of the borders relative to each other.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.