Post Navigation Widget
The Post Navigation widget is one of the available Single Post Template widgets that is used to dynamically display navigation links to other posts.
Content
Post Title
Visibility: Slide to SHOW to enable 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
Wrapper Width: Set a wrapper width for widescreen, desktop, tablet portrait and mobile portrait.
Border Type: Choose a wrapper border type from a dropdown.
Border Radius: Set a wrapper border radius for widescreen, desktop, tablet portrait and mobile portrait.
Background Type: Choose between color and gradient types (for Normal and Hover modes)
Background Color: Set the background color here.
Box Shadow: Choose the needed settings from the dropdown.
Padding: Set paddings 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 post title/label for widescreen, desktop, tablet portrait and mobile portrait.
Border Type: Choose a Border Type from the dropdown and set it.
Color: Choose an Icon Color (for Normal and Hover modes).
Border Type: Choose a Border Type from the dropdown and set it.
Background Color: Choose a Background Color (for Normal and Hover modes).
Padding: Set paddings for widescreen, desktop, tablet portrait and mobile portrait.
Border Radius: Set an Icon border radius for widescreen, desktop, tablet portrait and mobile portrait.
Image
Vertical Alignment: Choose between Top, Center and Bottom alignment.
Gap: Set a gap for widescreen, desktop, tablet portrait and mobile portrait.
Background Color: Choose an Image Background Color (for Normal and Hover modes).
CSS Filters: Choose the needed setting from the dropdown.
Border Type: Choose a Border Type from the dropdown and set it.
Border Radius: Set an Icon border radius for widescreen, desktop, tablet portrait and mobile portrait.
Pointer Animation
Hover Effect: Choose the desired hover effect from the dropdown.
Advanced
Set the Advanced options that are applicable to this widget