Post Navigation Fixed Widget

The Post Navigation Fixed widget is one of the available Single Post Template widgets that is used to dynamically display navigation links to other posts.

Content

post navigation fixed content

Post Navigation

View: Choose between Vertical and Horizontal views.

Vertical view allows to choose between Left, Center and Right Alignment.

Horizontal view allows to Show content on Hover for widescreen, desktop, tablet portrait and mobile portrait (slide to YES to enable the option).

Post Title

Visibility: Slide to SHOW to enable a post title.

Number of Lines: Set a desired number of post title lines for widescreen, desktop, tablet portrait and mobile portrait.

Vertical Alignment: Choose between Top, Center and Bottom vertical alignment.

Label

Visibility: Slide to SHOW to enable previous and next labels.

Position: Choose between Before Title and After Title labels’ position.

Graphic Element

Choose between Icon, Image or Both.

In an Icon Graphic Element settings you can choose desired left and right icons and place the icon next to the label activating Icon Next to Label setting.

Image Graphic Element uses the post’s featured image.

You can choose Background Style between Color (post image will be a separate object), Image (post image will be used as a background) and Hover (post image will be used as a background only on hover).

Color Background style also allows to set a Fallback image, choose the needed Image Resolution form the dropdown, set the Image Width and Height for widescreen, desktop, tablet portrait and mobile portrait and choose desired Object Fit from the dropdown.

Both Graphic Element includes settings of both Icon and Image Graphic Elements.

Spacer: Slide to SHOW to enable spacer.

Use Loop: Enable to show the first post after the last post in the loop.

In same Term indicates whether next post must be within the same taxonomy term as the current post, this lets you set a taxonomy per each post type.

Style

Wrapper

Gap from the window edge: Set desired Gap for widescreen, desktop, tablet portrait and mobile portrait.

Width: Set a Wrapper width  for widescreen, desktop, tablet portrait and mobile portrait.

Min Height: Set a Wrapper minimum height for widescreen, desktop, tablet portrait and mobile portrait.

Border Type: Choose a Border Type from the dropdown and set it.

Border Radius: Set a border radius to a Wrapper.

Background Type: Choose between color and gradient types (for Normal and Hover modes)

Background Color: Set the background color here.

Box Shadow: Choose desired settings from the dropdown.

Padding: Set a wrapper padding for widescreen, desktop, tablet portrait and mobile portrait.

Content

Vertical Gap: Set a gap between post title and label for widescreen, desktop, tablet portrait and mobile portrait.

Label

Color: Choose a Label Color (for Normal and Hover modes)

Typography: Set a Typography using settings from the dropdown.

Text Shadow: Choose desired settings from the dropdown.

Title

Color: Choose a Title Color (for Normal and Hover modes)

For Hover Mode you can also set Transition duration, i.e. choose the amount of time to transition from one filter setting to the other when hovering over the Title.

Typography: Set a Typography using settings from the dropdown.

Blend Mode: Select from multiple layer effects including Normal, Multiply, Screen, Overlay, etc.

Icon

Size: Set Icon size for widescreen, desktop, tablet portrait and mobile portrait.

Gap: Set a gap between icon and label for widescreen, desktop, tablet portrait and mobile portrait.

Border Type: Choose a border type from the dropdown and set it.

Width: Set the Icon width for widescreen, desktop, tablet portrait and mobile portrait.

Color: Choose Icon Color (for Normal and Hover modes).

Background Type: Choose between color and gradient types (for Normal and Hover modes)

Background Color: Set the background color here.

Border Color: Choose an Icon border color.

Box Shadow: Choose desired settings from the dropdown.

Padding: Set a wrapper padding for widescreen, desktop, tablet portrait and mobile portrait.

Border Radius: Set a border radius to Icon.

Advanced

Set the Advanced options that are applicable to this widget

Related Articles