Step 1: Go to the Settings Tab

Select the entire Sliderberg block by clicking the icon on the toolbar. Then, go to the settings tab on the right sidebar.

Step 2: Hide Navigation Arrows and Dots

By scrolling the settings tab, come to the options, hide navigation arrows, and hide dots. Just toggle on them.

Once these options are enabled, you can see that arrow and dot icons have got hidden.

Thus, you can easily do this.

Conclusion

Though you now know how to hide arrows and dots on the image slider, it’s not always a good practice to keep them hidden randomly. Only when you have a special purpose or objective can you consider doing this.

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.

Step 1: Select the Slider Block

First, select the Sliderberg block in your editor by clicking on the outer edge of the slider. This opens the block settings panel on the right side.

Step 2: Open Animation Settings

From the Settings panel, scroll down to the section labeled Animation Settings. Here you’ll find the options for transition effect, duration, and easing.

Step 3: Adjust the Slide Duration

Use the Transition Duration slider or type in a number to set how long the slide animation should take. The value is in milliseconds.

Step 4: Choose a Transition Easing Option

Open the Transition Easing dropdown and select your preferred option. The available easing styles include:

• Ease
• Ease In
• Ease Out
• Ease In Out
• Linear
  

Slide Duration and Easing in Action

Demo 1: Fast Transition (300ms, Ease, Autoplay On)

Demo 2: Balanced Timing (600ms, Ease In Out, Autoplay On)

Demo 3: Slow Reveal (1000ms, Linear, Autoplay On)

Conclusion

Small adjustments to duration and easing can change how your slider feels without changing its content. A steady pace with the right animation behavior helps your slides flow better and keeps the experience smooth for visitors. These controls offer just enough flexibility to match your slider’s motion to the tone of your site.

This guide shows you how to change background images using the Cover block inside your slide.

Step 1: Open the Slide You Want to Edit

Click inside the Sliderberg block until you’re inside a specific slide.

Step 2: Change the Slide Image

Click Background Settings (1) and then Replace Image (2).

You can either upload an Image using the Upload Files option or select one from the media library.

After selecting the image, click the Select Button, and it will be in the slider.

After all the customization, you must save or publish your post or page.

Here is the demo of the slider below.

Conclusion

Sliderberg makes it easy to add or change background images. With just a few clicks, you can turn a plain slide into a visual highlight—directly within the WordPress editor.

With Sliderberg, you can move your headings, paragraphs, or buttons to sit on top of the slide background using the block editor.

This guide walks you through positioning text content visually on top of your slider.

Step 1: Select the Slide You Want to Edit

Click inside the slider until you’re inside a specific slide.

Step 2: Adjust Your Content Position

Now, select the Content position, and you will see several content positions.

Select any content position that aligns with your design.

Save or publish the post or page after all the customizations.

Conclusion

So, that’s how you change the content’s text position to the top.

This guide will show you how to apply and update background colors inside individual slides.

Change Your Image into Background Color

Step 1: Select Your Slide

Click on the specific slide where you want to add or change the background.

Step 2: Open the Block Settings Sidebar

Open the right sidebar after selecting the slide and click on Background Settings.

Step 3: Change Background Type

Change the Background Type from Image to Color.

Now, it will take you to the first page when the Sliderberg gets inserted into the editor. Select any color you like from the color picker or the default colors inserted in the canvas.

For instance, I’ve selected one from the default colors, and here’s how it looks.

This is the method for changing the slide images to the background color.

Adding Background Color

Adding background color is very simple. When you decide to add background color to the next slide, all you need to do is click the “Add Slide” button.

Next, it will tell you to add color. Click the Styles button (1), and next Background (2).

Now follow Step 3 of this tutorial. After all the customization, you must save or publish your post or page.

Conclusion

With just a few clicks, you can turn plain slides into vibrant sections that stand out. Sliderberg gives you full background control right inside the editor—no extra tools required.

This guide shows you how to modify the look and feel of pagination dots in a Sliderberg slider.

Step 1: Select the Sliderberg Slider Block

Click inside the slider area until the entire Sliderberg Slider block is selected.

Step 2: Open the Navigation Settings

Once selected, look to the right-hand Block settings panel and click on “Navigation Settings.”

Step 3: Change Dot Color

By default, the pagination dots are enabled. However, you can hide them if you like by enabling the “Hide Dots” option.

To change the Dot Color, you can adjust the color picker or input any hex color code.

To change the Active Dot color, go to Active Dot Color and do the same as above.

Here is the full preview.

Conclusion

Pagination dots may seem small, but customizing them can have a big impact on navigation clarity and design consistency. Sliderberg makes it easy to match them with your slider’s color scheme and overall aesthetic—all without touching a single line of code.

This guide will show you how to change the transition effect for your slides.

Step 1: Select the Sliderberg Slider Block

Click anywhere inside your slider until the full Sliderberg Slider block is selected.

Step 2: Locate Animation Settings

With the slider block selected, look to the right-hand sidebar for the block settings and click the Animation Settings menu.

Step 3: Choose Transition Effects

Now, choose transition effects, duration, and Transition Easing for your slides.

Here is the full preview of the slider with applied transition effects.

After all the customizations are applied, you must save or publish your post or page.

Conclusion

Transition effects play a crucial role in determining the smoothness of your slider’s flow. By adjusting this setting, you can enhance the visual rhythm of your content and make each slide change feel more deliberate. Sliderberg gives you full control without needing any custom code.

This guide walks you through each setting, allowing you to style the arrows to match your layout.

Step 1: Select the Sliderberg Slider Block

Click inside your slider until the full Sliderberg Slider block is selected.

Step 2: Locate Navigation Settings

With the slider selected, check the right-hand Block settings panel and locate the Navigation Settings.

Step 3: Customize Navigation Arrows

Here, you can change the Navigation type to Split Arrows, Top Arrows, or Bottom Arrows.

The Placement option is available only for the “Navigation Type: Split Arrows” option.

You can also change the Navigation Shape and Size.

To change the arrow color, you can choose any color from the Arrow Color’s Color picker option. You can also input a specific color hex code if you like.

If you prefer, you can change the arrow’s background by selecting a new background color.

You can also define the arrow’s opacity, vertical position, and horizontal position.

After all the customizations are applied, you must save or publish your post or page.

Conclusion

Navigation arrows do more than move slides—they’re visual cues that guide interaction. Sliderberg gives you complete control over their design and placement so you can make them blend in or stand out, depending on your layout goals.

Step 1: Insert the Sliderberg Block

Open any page or post, click the + icon, and search for Sliderberg. Select the Sliderberg Slider block and insert it into your content area.

When prompted, select Blocks Slider to begin creating your slideshow.

Step 2: Add New Slides

Click the blue Add Slide button above the slider. Each time you click it, a new slide is added to the end of your current sequence. You can add as many slides as needed.

Step 3: Delete a Slide

Click on the slide you want to remove. Then click the Delete Slide button at the top. The selected slide will be removed from the layout instantly.

Step 4: Reorder Slides

Select any slide by clicking inside it. Then, use the block toolbar arrows at the top left of the selected slide (shown as Move Left or Move Right) to change its position. These arrows let you shift the slide forward or backward in the sequence.

These controls give you the flexibility to adjust your slider at any point without starting over. Whether you’re fine-tuning the order or removing slides that no longer fit, every change happens inside the editor with just a few clicks.