You can customize how you navigate through your Page Slider through the NAVIGATION option panel.
There’s three sections: buttons, next/prev buttons, and tooltip navigations. Each feature is optional and can be easily hidden by checking the Hide option that is located at the top of each section.
1. Buttons
The buttons can be easily customized. The default appearance of the buttons looks like this (without the pink background):
For the position of your menu buttons, there are five different options:
- top-right
- top-left
- bottom-right
- bottom-left
- center-top
The body and font colors on normal, hover, and active states can be set here.
The Menu button size and space between buttons and on the sides are also easily adjustable.
Space from the top can be set in either percentage or pixels and the percentage or pixel value can be set. Note: if you’re using percentage, you can’t go about 100% for space from the top because that would push the next/prev buttons off the page.
This is the default appearance of the next/prev buttons (without the pink background). These buttons only appear when you have a section with slides. You can easily control the size, color, and spacing in this section.
3. Tooltip Navigations
The tooltip shape, opacity, position, color, size, and spacing can be customized in this section. The default appearance looks like this (without the pink background):
Tooltips Shape: Circle or Square
Opacity: 0, 10, 20…100
Tooltips Position: Left or Right
Space from the sides: From the sides of the browser window
Space from the top can be set in either percentage or pixels and the percentage or pixel value can be set. Note: if you’re using percentage, you can’t go about 100% for space from the top because that would push the next/prev buttons off the page.