Help to complete CSS code for lightbox

FedericoMonetti

Hi everyone, please I need help with a CSS code.
I'm using a code found here to change the look of the lightbox, I like everything about this code but I cannot find a way to change the 'last' grey box at the bottom right of the screen, where the icons share/sizes are.
This is the code I'm using, what should I add to get rid of the grey box around the icons and have a lightbox with the look of a dark theme?
Thank You.

/**

• Custom Lightbox
  /
  .sm-lightbox {
  background: #111111;
  }
  .sm-lightbox-info-expand .sm-fonticon,
  .sm-user-ui .sm-lightbox .sm-button.sm-button-skin-default .sm-fonticon {
  color: #ccc;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  }
  / Hover Color */
  .sm-user-ui .sm-lightbox .sm-button.sm-button-skin-default:hover .sm-fonticon {
  color: #ffffff;
  }

:root * > .sm-user-ui .sm-lightbox .sm-lightbox-panel,
*:root * > .sm-user-ui .sm-lightbox .yui3-widget-hd .sm-lightbox-tools .sm-button,
*:root * > .sm-user-ui .sm-lightbox .sm-lightbox-nav {
background: #111111;
}

.sm-user-ui .sm-lightbox-basic .yui3-widget-ft .sm-lightbox-caption {
color: #999999;
}

Hikin' Mike

You didn't post your site, so this is CSS I used when I wrote the tutorial (http://gallery.imagesinthebackcountry.com/Smugmug-customization/Customizing-the-Lightbox). I would remove the code you're using and use this. Adjust the colors to suit:

/**
* Customizing the Lightbox 
*/
    /* Lightbox Background Color */
.sm-user-ui .sm-lightbox {
    background: #111;
    }

    /* Icon (Font) Colors */
.sm-user-ui .sm-lightbox-info-expand .sm-fonticon,  
.sm-user-ui .sm-lightbox .sm-button.sm-button-skin-default .sm-fonticon {
    color: #ccc;
        /* Transitions */
    -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
         -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    }

    /* Hover Color */
.sm-user-ui .sm-lightbox .sm-button.sm-button-skin-default:hover .sm-fonticon {
    color: #fff;
    }

    /* Font Background */
:root * > .sm-user-ui .sm-lightbox .sm-lightbox-panel,
*:root * > .sm-user-ui .sm-lightbox .sm-lightbox-nav,
*:root * > .sm-user-ui .sm-lightbox .yui3-widget-hd .sm-lightbox-tools .sm-button,
:root *> .sm-user-ui .sm-lightbox .sm-lightbox-no-info:not(.sm-lightbox-canedit) .sm-lightbox-ft-left, 
:root *> .sm-user-ui .sm-lightbox .sm-lightbox-no-info:not(.sm-lightbox-canedit) .sm-lightbox-ft-right {
    background: #333;
    }   

    /* Image Stuff */
.sm-user-ui .sm-lightbox-image {
    border: 5px solid #fefefe;
    }

    /* Title */
.sm-user-ui .sm-lightbox-title {
    color: #fefefe;
    }   

    /* Captions */
.sm-user-ui .sm-lightbox-basic .yui3-widget-ft .sm-lightbox-caption {
    color: #999;
    }   

FedericoMonetti

Thank you very much Mike! It works perfectly!