Custom css doesn’t work

Through trial and error, I found the right selector. But this selector allows to select each slider separately, because the class name for each slide includes the slider id number. Is it possible to assign one class to all slides? (Assigning a class in Developer Options doesn’t help, I’ve tried it).

.slider-51 {
	border-radius:61px
}

It worked when I wrote the JavaScript. Maybe someone could use it.

document.addEventListener('DOMContentLoaded', () => {
  // Select all elements
  const allElements = document.querySelectorAll('*');
  
  // Define the regex pattern for class names starting with "slider-" followed by a number
  const sliderClassPattern = /^slider-\d+$/;

  // Loop through each element and check if any class name matches the pattern
  allElements.forEach(element => {
    element.classList.forEach(className => {
      if (sliderClassPattern.test(className)) {
        // Set the border-radius property
        element.style.borderRadius = '61px';
      }
    });
  });
});

Hi @ll2pakll

in cases like this we would recommend this selector, where 123 needs to be replaced with the actual slideshow ID:

#metaslider-id-123 ul.slides > li {

}

Regards