Skip to content
maka-img_mm_marketplace
maka marketplace

Discover Products to help you POWER up with CMS Hub

maka-img_mm_power-pro
Power Pro Theme

Check out the POWER demo and see all the latest features

maka-img_mm_performance
Performance

POWER is optimized to perform, review the results

maka-img_mm_customer-showcase
Customer Showcase

See how our customers used the POWER Theme

POWER Pro V25 released on August 18th 2022 – Read Changelog

maka-img_mm_documentation_3
Getting Started

Follow our guide to save time and avoid missing a step

maka-img_mm_module-library
Module Library

From page speed impact to set up instructions, you'll find it all

maka-img_mm_video-tutorials
Video tutorials

Find all POWER videos in the same spot for quick answers

maka-img_mm_faq
FAQs

Have questions?
We have answers

Experiencing an issue with POWER? Submit a support ticket here

maka-img_mm_about-us
About us

“Would I rather be feared or loved? Easy. Both. I want people to be afraid of how much they love me.”
– Michael Scott, not us

maka-img_mm_blog
Blog

This is mostly a demo right now. We are working on some really cool things around the office.

maka-img_mm_career
Career

Quite possibly the most fun you will have at work, ever. Did we mention how cool we are?

Having issues with POWER?
SUBMIT A SUPPORT TICKET


Schedule a Q&A or Demo
PREPURCHASE CONSULTATION


Other questions?
CONTACT US / LIVE CHAT

LIVE Chat 7CT AM – 7CT PM – Get in touch here

Previous Next Navigation Module

How to configure the Previous Next Navigation module for POWER theme in HubSpot

icon-module-prev-next-nav

PREVIOUS NEXT NAVIGATION

Connect related content by including links to previous and next pages in a sequence.

previous-next-navigation-example

Page Speed Impact

LOW

Very minimal impact to page load speed, the code for this module has been optimized to limit resources needed on page load.

TIPS

Place your previous / next navigation in the same place across all pages that you're connecting.

FAQ

The settings are blank in the previous next module on my blog post, how do I fix it?

The previous next navigation is automatically configured in the background for your blog.

You won't see the settings in the module, everything will work as expected once your pages are published.

Refer to our Blog Post Documentation for more details.

Module Options

Navigation

This is where you will add the links for Previous, Home, and Next.

previous-next-settings

Previous and Next are automatically configured for Posts when "Link to" is set to Blog.

Style > Color Scheme

Choice of Light or Dark.

Tip: If you change the background color for the module, the definition of Light Color scheme is a light background with dark text and Dark Color scheme is a dark background with light text. Based on your background color, you would need to toggle the color scheme to ensure the text color displays properly and is legible.

Style > Background

Choice of Background Color, Background Image/Video, Background Gradient, or Transparent. Refer to Settings that apply to all Section Modules for more details about these choices.

Style > Shape Divider

Optional Shape Divider(s) can be added to the top or bottom of this module. Refer to Settings for configuring Shape Dividers for more details about these choices.

Animation

Checkbox to turn on/off Animate on Scroll. Turning off here will only apply to this section, to turn animation off globally refer to Theme Options for Animations.

Animation > Section

Ability to change the Animation Type and Delay for the Section. 

Animation > Previous

Ability to change the Animation Type and Delay for the Previous. 

Animation > Next

Ability to change the Animation Type and Delay for the Next. 

Animation > Back

Ability to change the Animation Type and Delay for the Back (home).

Standard Text/Translation

This is where you can change the default text used in the module.

standared-text-previous-next

Configurations

PREVIOUS NEXT NAVIGATION FULL WIDTH LAYOUT

previous-next-navigation-example

Section > Alignment and Spacing

Full Width

Style > Color Scheme

Light

Style > Background

Color

PREVIOUS NEXT NAVIGATION CONTENT WIDTH LAYOUT

previous-next-navigation-example

Section > Alignment and Spacing

Content Width

Style > Color Scheme

Light

Style > Background

Color

Examples

DESIGN SOMETHING COOL WITH THIS POWER MODULE?

Share it with us!

NEVER MISS A POWER UPDATE

We are continuously improving our modules and updating our documentation. Stay in the loop.