{"id":971,"date":"2021-01-08T13:15:44","date_gmt":"2021-01-08T13:15:44","guid":{"rendered":"http:\/\/docs.cmsmasters.net\/?p=971"},"modified":"2025-02-17T17:05:29","modified_gmt":"2025-02-17T17:05:29","slug":"post-navigation-fixed-widget","status":"publish","type":"post","link":"https:\/\/docs.cmsmasters.net\/post-navigation-fixed-widget\/","title":{"rendered":"Post Navigation Fixed Widget"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Post Navigation Fixed Widget<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tThe Post Navigation Fixed widget is one of the available Single Post Template widgets that is used to dynamically display navigation links to other posts.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Content<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"post\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Post Navigation<\/strong><\/p>

View:<\/strong> Choose between Vertical and Horizontal views.<\/p>

Vertical view allows to choose between Left, Center and Right Alignment.<\/p>

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

Post Title<\/strong><\/p>

Visibility:<\/strong> Slide to SHOW to enable a post title.<\/p>

Number of Lines:<\/strong> Set a desired number of post title lines for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Vertical Alignment:<\/strong> Choose between Top, Center and Bottom vertical alignment.<\/p>

Label<\/strong><\/p>

Visibility:<\/strong> Slide to SHOW to enable previous and next labels.<\/p>

Position:<\/strong> Choose between Before Title and After Title labels’ position.<\/p>

Graphic Element<\/strong><\/p>

Choose between Icon, Image or Both.<\/p>

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

Image Graphic Element<\/strong> uses the post’s featured image.<\/p>

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

Color Background style<\/strong> 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.<\/p>

Both Graphic Element<\/strong> includes settings of both Icon and Image Graphic Elements.<\/p>

Spacer:<\/strong> Slide to SHOW to enable spacer.<\/p>

Use Loop: <\/strong>Enable to show the first post after the last post in the loop.<\/p>

In same Term<\/strong> 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.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Style<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Wrapper<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Gap from the window edge:<\/strong> Set desired Gap\u00a0for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Width:<\/strong> Set a Wrapper width \u00a0for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Min Height:<\/strong> Set a Wrapper minimum height for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Border Type:<\/strong> Choose a Border Type from the dropdown and set it.<\/p>

Border Radius:<\/strong> Set a border radius to a Wrapper.<\/p>

Background Type: <\/b>Choose between color and gradient types (for Normal and Hover modes)<\/p>

Background Color:<\/strong> Set the background color here.<\/p>

Box Shadow:<\/strong> Choose desired settings from the dropdown.<\/p>

Padding:<\/strong> Set a wrapper padding for widescreen, desktop, tablet portrait and mobile portrait.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Content<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Vertical Gap:<\/strong> Set a gap between post title and label for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Label<\/strong><\/span><\/p>

Color:<\/strong> Choose a Label Color (for Normal and Hover modes)<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Text Shadow:<\/strong> Choose desired settings from the dropdown.<\/p>

Title<\/strong><\/span><\/p>

Color:<\/strong> Choose a Title Color (for Normal and Hover modes)<\/p>

For Hover Mode<\/strong> 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.<\/p>

Typography:<\/strong> Set a Typography using settings from the dropdown.<\/p>

Blend Mode:<\/strong> Select from multiple layer effects including Normal, Multiply, Screen, Overlay, etc.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Icon<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Size:<\/strong> Set Icon size for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Gap:<\/strong> Set a gap between icon and label for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Border Type:<\/strong> Choose a border type from the dropdown and set it.<\/p>

Width:\u00a0<\/strong>Set the Icon width for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Color:<\/strong> Choose Icon Color (for Normal and Hover modes).<\/p>

Background Type:\u00a0<\/b>Choose between color and gradient types (for Normal and Hover modes)<\/p>

Background Color:<\/strong>\u00a0Set the background color here.<\/p>

Border Color:<\/strong> Choose an Icon border color.<\/p>

Box Shadow:<\/strong>\u00a0Choose desired settings from the dropdown.<\/p>

Padding:<\/strong>\u00a0Set a wrapper padding for widescreen, desktop, tablet portrait and mobile portrait.<\/p>

Border Radius:<\/strong> Set a border radius to Icon.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Advanced<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Set the Advanced options<\/a> that are applicable to this widget<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

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 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…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[110,113],"tags":[62,67,7],"class_list":["post-971","post","type-post","status-publish","format-standard","hentry","category-widgets","category-singular","tag-post","tag-post-navigation-fixed","tag-widget"],"_links":{"self":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts\/971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/comments?post=971"}],"version-history":[{"count":16,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts\/971\/revisions"}],"predecessor-version":[{"id":12764,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts\/971\/revisions\/12764"}],"wp:attachment":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/media?parent=971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/categories?post=971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/tags?post=971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}