/* Make media slider buttons smaller */ .media-slider .slider-controls button, .media-slider .slider-nav button, .carousel-control, .slider-btn { width: 30px !important; height: 30px !important; font-size: 12px !important; padding: 5px !important; } /* If the buttons have specific arrow icons */ .media-slider .prev-btn, .media-slider .next-btn { width: 25px !important; height: 25px !important; } /* For dot/indicator buttons */ .media-slider .slider-indicators button { width: 8px !important; height: 8px !important; border-radius: 50% !important; }