Navigation arrows are small details that can change how your slider feels to users. Depending on the style of your site, you might want to reposition the arrows, tweak their shape, or modify how they appear on the slide. These options are available within the block settings of the Sliderberg block.
Step 1: Select the Parent Slider Block #
Click on the outer area of the slider to open its settings, or click inside a slide and then use the block toolbar to select the parent Slider block. This will activate the block settings panel on the right.
Step 2: Find Navigation Settings #
Scroll down the block settings until you find the Navigation Settings section. This is where all controls related to arrows are grouped.
Step 3: Change Arrow Shape and Size #
Find the Shape dropdown and choose your preferred arrow shape. You have two options: Circle and Square. You can also choose from available size presets like small, medium, or large.
Step 4: Set Arrow Colors #
You’ll see color pickers for both the arrow color and background color. You can enter hex codes manually or use the visual picker. You can adjust the opacity slider if needed.
Step 5: Adjust Placement #
Choose from the Navigation Type options: Bottom Arrows, Top Arrows, or Split Arrows. If you select Split Arrows, the Placement option will become active. You can then choose to overlay your arrows inside the content or place them outside. After that, adjust the Vertical Position and Horizontal Position sliders to set the exact placement of the arrows.
Conclusion #
Navigation arrows might seem like a small detail, but they play a big role in how users move through your slider. With Sliderberg, you have full control over how these arrows look and where they appear. Taking a moment to adjust their shape, color, and position helps you create a smoother browsing experience that fits naturally into your site’s design.
