How to set up and style the Post Navigation widget in Elementor.
Post Navigation shows links to the previous and the next post, with labels, titles, featured images, dates and arrows. Use it at the end of a single post or in a single post template so readers can move on to another article. An optional link in the middle leads back to the blog or archive page.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Style | Sets the look: Plain, Cards or Image background. |
| Label | Shows a small label above each title. |
| Previous Label | Text of the label on the previous link. |
| Next Label | Text of the label on the next link. |
| Post Title | Shows the title of the linked post. |
| Title Lines | Number of lines a title may take before it is cut off. |
| Date | Shows the date of the linked post. |
| Featured Image | Shows the featured image of the linked post, when it has one. |
| Arrows | Shows an arrow icon on each link. |
| Previous Icon | Icon used for the previous arrow. |
| Next Icon | Icon used for the next arrow. |
| Stay in the Same Group | Only moves between posts that share a category, or another group, with the current post. |
| Group | The group to stay inside, such as Category or Tag. |
| One Below the Other on Phones | Stacks the two links on phones instead of placing them side by side. |
| Option | What it does |
|---|---|
| Show | Adds an icon link between the two post links. |
| Link | Where the middle link goes. Empty uses the blog or archive page. |
| Icon | Icon of the middle link. |
| Name for Screen Readers | The name read by screen readers, also shown as a tooltip. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
space between the links, smallest height, background, border, shadow, radius and padding with a hover state, plus Image Shade for the Image background style and Divider Color for the Plain style.
typography and color of the label, the title (with a hover color) and the date.
image size and radius, arrow size, arrow color and arrow hover color.
icon size, color, hover color, and the background, border, shadow, radius and padding of the middle link.
For normal posts it opens the blog page set in WordPress, or the home page when no blog page is set. For other post types it opens that post type’s archive.
Yes. Switch on Stay in the Same Group and choose Category, Tag or another public group in the Group option.
Only the link that exists is shown. The other side stays empty so the layout keeps its shape.
Yes. It links the previous and next entry of whatever post is being viewed.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide