# Post Navigation

The **Post Navigation** **Widget** is used to add navigation buttons between the posts, and pages. It helps users to navigate the previous and next posts. 

### Using the Post Navigation widget

Go to your site and start editing the page with Elementor.

### Step 1:

Select the Post Navigation widget from the menu bar on the left-hand side of your screen then drag and drop it into the selected area.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2Fxd5zPAcL82pNWYdXfHBW%2FCompanion%20-%20post%20nav%20add.png?alt=media\&token=59daf5f7-236b-4df8-b1b6-2bf189e211a5)

### Step 2:

In **General settings** under the **Content** tab, you can title for Previous & Next buttons. Then, you can choose the icons, and align them:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2F6MPSjw5AA3AISf5Fd0Cp%2FCompanion%20-%20post%20nav%20content.png?alt=media\&token=02d587f2-dad7-4613-82d9-a1cadfbcf8a8)

### Step 3:

Now, by clicking on the Style Tab you can customize the text color, and typography settings of the Navigation Labels, Icons, and Links:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FRfET4sqdkZPrctCmcYYn%2FCompanion%20-%20post%20nav%20style.png?alt=media\&token=5ebe31fd-5c66-41b1-9ca4-b4f7de5c61af)

Finally, after completing all the customization click on ‘Publish’ to see your work live.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FRuqhAwDCZDPbx7hYRjB8%2FPost%20navigation.gif?alt=media\&token=4ca4d617-3f05-4156-8dfa-856e7022c9e2)