Metallic.css breaks slide show button

[donnaosburn]

I upgraded from an older version to 1.9.6 today.

I changed from the default CSS file to the theme-metallic.css (which is very cool looking) and the buildStartStop : true in the configuration, however, when running I can see that the .anythingSlider-metallic .anythingControls span { visibility: hidden;}
If I unclick it in the debugger, the slide show words will show up. If I comment out the metallic and use the default, the slide show words show up (but not the background behind it - but on the left side, not the right side bottom like normal.

Currently, in the metallic theme, the slide show button shows up as a little green round button.
What am I doing wrong on displaying the start/stop slide show button using the metallic theme? Visibility defaults to visible so code has to be changing it to hidden.

    $.anythingSlider.defaults = {
        // Appearance
        theme               : "metallic", // Theme name, add the css stylesheet manually
        mode                : "horiz",   // Set mode to "horizontal", "vertical" or "fade" (only first letter needed); replaces vertical option
        expand              : false,     // If true, the entire slider will expand to fit the parent element
        resizeContents      : false,      // If true, solitary images/objects in the panel will expand to fit the viewport
        // commented out as this will reduce the size of the minified version
        aspectRatio         : 1.5,      // Valid values: null, true, a float e.g. 1.5 (or as 3/2) or a ratio in a string e.g. '3:2'
        // If true calculate it from original width/height for slider element, if it is a number/ratio use that value
        showMultiple        : 3,     // Set this value to a number and it will show that many slides at once
        easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin or jQuery UI

        buildArrows         : true,      // If true, builds the forwards and backwards buttons
        buildNavigation     : false,      // If true, builds a list of anchor links to link to each panel
        buildStartStop      : true,      // ** If true, builds the start/stop button

/*
        // commented out as this will reduce the size of the minified version
        appendForwardTo     : null,      // Append forward arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
        appendBackTo        : null,      // Append back arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
        appendControlsTo    : null,      // Append controls (navigation + start-stop) to a HTML element (jQuery Object, selector or HTMLNode), if not null
        appendNavigationTo  : null,      // Append navigation buttons to a HTML element (jQuery Object, selector or HTMLNode), if not null
        appendStartStopTo   : null,      // Append start-stop button to a HTML element (jQuery Object, selector or HTMLNode), if not null
*/

        toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
        toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times

        startText           : "Start Slideshow",   // Start button text
        stopText            : "Stop Slideshow",    // Stop button text
        forwardText         : "»", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
        backText            : "«", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
        tooltipClass        : "tooltip", // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)

        // Function
        enableArrows        : true,      // if false, arrows will be visible, but not clickable.
        enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
        enableStartStop     : true,      // if false, the play/stop button will still be visible, but not clickable. Previously "enablePlay"
        enableKeyboard      : true,      // if false, keyboard arrow keys will not work for this slider.

        // Navigation
        startPanel          : 1,         // This sets the initial panel
        changeBy            : 1,         // Amount to go forward or back when changing panels.
        hashTags            : false,      // Should links change the hashtag in the URL?
        infiniteSlides      : true,      // if false, the slider will not wrap & not clone any panels
        navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
        navigationSize      : false,     // Set this to the maximum number of visible navigation tabs; false to disable

        // Slideshow options
        autoPlay            : false,     // If true, the slideshow will start running; replaces "startStopped" option
        autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
        autoPlayDelayed     : false,     // If true, starting a slideshow will delay advancing slides; if false, the slider will immediately advance to the next slide when slideshow starts
        pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
        stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
        playRtl             : false,     // If true, the slideshow will move right-to-left

        // Times
        delay               : 3000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
        resumeDelay         : 15000,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
        animationTime       : 500,       // How long the slideshow transition takes (in milliseconds)
        delayBeforeAnimate  : 0,         // How long to pause slide animation before going to the desired slide (used if you want your "out" FX to show).

/*
        // Callbacks - commented out to reduce size of the minified version - they still work
        onSliderResize      : function(e, slider) {}, // Callback when slider resizes
        onBeforeInitialize  : function(e, slider) {}, // Callback before the plugin initializes
        onInitialized       : function(e, slider) {}, // Callback when the plugin finished initializing
        onShowStart         : function(e, slider) {}, // Callback on slideshow start
        onShowStop          : function(e, slider) {}, // Callback after slideshow stops
        onShowPause         : function(e, slider) {}, // Callback when slideshow pauses
        onShowUnpause       : function(e, slider) {}, // Callback when slideshow unpauses - may not trigger properly if user clicks on any controls
        onSlideInit         : function(e, slider) {}, // Callback when slide initiates, before control animation
        onSlideBegin        : function(e, slider) {}, // Callback before slide animates
        onSlideComplete     : function(slider) {},    // Callback when slide completes - no event variable!
*/

        // Interactivity
        clickForwardArrow   : "click",         // Event used to activate forward arrow functionality (e.g. add jQuery mobile's "swiperight")
        clickBackArrow      : "click",         // Event used to activate back arrow functionality (e.g. add jQuery mobile's "swipeleft")
        clickControls       : "click focusin", // Events used to activate navigation control functionality
        clickSlideshow      : "click",         // Event used to activate slideshow play/stop button
        allowRapidChange    : false,           // If true, allow rapid changing of the active pane, instead of ignoring activity during animation

        // Video
        resumeOnVideoEnd    : true,      // If true & the slideshow is active & a supported video is playing, it will pause the autoplay until the video is complete
        resumeOnVisible     : true,      // If true the video will resume playing, if previously paused; if false, the video remains paused.
        isVideoPlaying      : function(base){ return false; } // return true if video is playing or false if not - used by video extension

        // deprecated - use the video extension wmode option now
        // addWmodeToObject : "opaque"   // If your slider has a video supported by the extension, the script will automatically add a wmode parameter with this setting

    };

[Mottie]

Hi @donnaosburn!

You can set the startText and stopText options to an empty string if you don't want any hidden text; but doing so will also clear out the tooltip.

Oh and it is actually the theme that is hiding the span using css.

[donnaosburn]

Thank you. I got the slideshow button back by modifying some additional CSS in the metallic theme.