Bug: Pagination Dots Dropping Outside the Kadence Background Slider

[Anonymous 159786]

Anonymous 159786

November 22, 2025 at 7:22 pm

I’m seeing a small issue with the Kadence Background Slider and wanted to send it in.

What’s happening:
Inside the block editor, the Splide pagination dots sit nicely over the bottom of the slider image. But on the front end, the dots get pushed outside the slider and show up underneath it instead of overlaying the image.

When I inspected the CSS, it looks like the front-end spacing/positioning is overriding Splide’s default overlay behavior. The editor preview shows the correct layout, but the live site doesn’t match.

Temporary fix I added:

.wp-block-kadence-rowlayout .splide__pagination,
.wp-block-kadence-rowlayout .splide-pagination {
position: absolute !important;
bottom: 25px !important;
left: 0;
width: 100%;
display: flex !important;
justify-content: center !important;
z-index: 10;
}

This puts the dots back where they belong, but I wanted to check in because the editor and front end should really match here. If this can be adjusted in a future update, that would be great.