< All Topics
Widget Used
Post Prev/Next
Demo URL
Click Here
Tutorial Videos
Official Video

If you want to give a better look to the part of the Previous and Next content of your website/product, we have made a convenient and well-designed widget using this you can show the upcoming product on your website. This will also help in your single post or page on your website.

Pro tip
Why not add this widget to your website? Because this widget will make the Previous and Next content of your website authentic and reliable with the custom style option.

How to use the Post Prev/Next Widget of The Plus Addons For Elementor

The Post Prev/Next widget comes with a simple layout With the styling options you can give a pleasant-looking layout for your post on your website.

General Steps

Search for the Post Prev/Next element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Post Navigation widget. First, click on the Content tab.

1. Content

Post Prev/Next

Select Style

The Post Prev/Next widget First step is you can choose one Style out of four from the drop-down menu.

Style 1

In this style, You can see the content of the Previous and Next post of the current post together.

Credit : Gutenberg, WordPress

Style 2

In this style, When you move the cursor over the left arrow circle icon, you can see the Previous post of the Current post, and same as when you move the cursor over the right arrow circle icon, you can see the Next post of the Current post.

Style 3

In this style, You can see the background image of the post on which you move the cursor.

Credit : Gutenberg, WordPress

Min Height

With this option, You Can Set the Minimum Height Of the Post.

Style 4

In this style, When you move the cursor over the left arrow icon, you can see the Previous post of the Current post, and same as when you move the cursor over the right arrow icon, you can see the Next post of the Current post.

Previous Post

With this option, You can manually set the name of the Previous post.

Next Post

With this option, You can manually set the name of the Next post.

2. Style

The Style tab is used for customizing the look of all the Post Prev/Next widget components such as Previous/Next Content, Previous/Next, Previous/Next Icon, Post Title, Image, Previous Box, Next Box, Content Background, Background Image, Icon and Post Content.

Previous/Next Content Style

Set Padding, Background, Border, Border Radius and Box Shadow for the Previous/Next Content here.

Previous/Next Style

Set Typography and Color for the Previous/Next here.

Previous/Next Icon Style

Set Padding, Typography, Text color, Background, Border, Border Radius and Box Shadow for the Previous/Next Icon here.

Post Title Style

Set Typography and Color for the Post Title here.

Image Style

Set Border, Border Radius and Box Shadow for the Image here.

Previous Box Style

Set Border, Border Radius, Background and Box Shadow for the Previous Box here.

Next Box Style

Set Border, Border Radius, Background and Box Shadow for the Next Box here.

Content Background Style

Set Padding, Border, Border Radius, Background and Box Shadow for the Content Background here.

Background Image Style

Set Background Color, Image Position, Attachment, Repeat, and Background Size for the Background Image here.

Icon Style

Set Icon color and Background Color for the Icon here.

Post Content Style

Set Padding, Background Color, Post Title Typography, Post Title color, Post Label Typography and Post Label color for the Post Content here.

3. Advanced

Advanced Tab Options are common across all the widgets. So, we have written a detailed tutorial explaining how to use these options

View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?