Gallery (Adv) Issues

[clef-cliques2s]

clef-cliques2s

January 14, 2026 at 11:18 pm

Hello,

I have recently started building out my company’s new base package for clients using Kadence and I have been loving it so far! I just ran into an issue though I’m trying to figure out without needing to start adding custom CSS blocks already. Ideally I would like most things, that are at least currently available, be controlled through the various Kadence Block settings/styles, etc.

When building out a test website using the “Digital Services” starter template I started making some style changes the the gallery that shows various company logos (the demo content loaded on the template) and when inside the editor the style changes take place as expected, specifically to the slider arrows. However, when loading up the live site after saving and pushing changes, no style changes take effect and stay as the default look/style of the gallery pagination arrows.

From what I can see inside inspector the CSS being pushed to the live frontend is different from the editor (by design), but the live frontend CSS isn’t picking up any of the changes and gets its background-color CSS variables from “kb-min” and the controlling class is “.kb-splide .splide__pagination__page”, specific variable is “–splide-pagination-background” and the current CSS reads as such:

background: var(--splide-pagination-background);
border: 0;
border-radius: 50%;
display: inline-block;
height: 10px;
margin: 3px;
opacity: .5;
padding: 0;
transition: opacity .2s ease-in-out;
width: 10px;

Am I missing something? This doesn’t feel like the intended behavior and I would love to figure this out and avoid CSS hacks already as we build out our new client website base, etc. I would think if the intended behavior was to use CSS directly, then the style options for the arrows wouldn’t be inside the block settings? Being able to do small tweaks without CSS is important for many of our non-technical clients too.