Module:Random slideshow/sandbox/styles.css

/* Hide the toggle gallery button */
.randomSlideshow-container > .gallery.mw-gallery-slideshow > .gallerycarousel > div > div > div > span:nth-child(2)  {
	display: none;
}

/* Visually hide the labels' text content, but retain screenreader access (hopefully) */
.randomSlideshow-container .randomSlideshow-sr-only {
	display:block;
	width:1px;
	height:1px;
	text-indent:-999px;
	overflow:hidden;
}

/*******************************************************************************
 * MOBILE-ONLY STYLES
 *******************************************************************************
 * Mobile-only can targeted by prefixing these selectors:
 *
 *    .randomSlideshow-container ul.gallery:first-child
 *
 * This is becaue the div with class "nomobile" only gets included in the html
 * for the desktop website, and not on mobile (except in Template namespace).
 ******************************************************************************/

/* testing the above */
.randomSlideshow-container ul.gallery:first-child {border:5px solid red}

/* Make labels sit side-by-side */
.randomSlideshow-container ul.gallery:first-child label {
	display:inline-block !important; /* overrides inline style */
	padding:0.2em 0.3em;
}

/* Hide the "Show all" option */
.randomSlideshow-container ul.gallery:first-child label:last-child {
	display:none !important; /* overrides inline style */
}

/* Make sure the labels are underneath not alongside the gallery *
.randomSlideshow-container .gallerybox {
	display:block;
}

/* Center the gallery within its container *
.randomSlideshow-container ul.gallery.mw-gallery-slideshow {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
}


/*******************************************************************************
 * DESKTOP-ONLY STYLES
 *******************************************************************************
 * Desktop-only can targeted by prefixing these selectors:
 *
 *    .randomSlideshow-container .nomobile+ul
 *
 * This is becaue the div with class "nomobile" is only get included in the html
 * for the desktop website, and not on mobile (except in Template namespace).
 ******************************************************************************/
 
/* testing the above */
.randomSlideshow-container .nomobile+ul {border:5px solid green}

/* Hide all the switcher labels */
.randomSlideshow-container .nomobile+ul label {
	display:none !important; /* overrides inline style */
}