Options

How to add a "exit/ close" button to my photos.

insanefredinsanefred Registered Users Posts: 604 Major grins
edited August 26, 2013 in SmugMug Customization
I am trying out some of the new themes, I went with "Smokey". So far, I have everything the way I'd like it. But when I click on to view a gallery, there is no "exit/ close" icon. I can only leave by pressing the "ESC" key. This is really bothering me at this point. Is there a way to add that icon and on the upper right corner.. Or is it there but cannot see do to that big ugly green bar that won't leave when I set to "Preview"?

Comments

  • Options
    insanefredinsanefred Registered Users Posts: 604 Major grins
    edited August 25, 2013
    Bump?
  • Options
    insanefredinsanefred Registered Users Posts: 604 Major grins
    edited August 25, 2013
    Let's try this one more time. Where the hell is the damn "exit button"?
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited August 26, 2013
    I've got the code to do it (and more) over on this thread: http://www.dgrin.com/showthread.php?t=237930
    /* Lightbox: Add the word "Close" next to the X  */
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close:after {
      content: ' Close';
      font-size: 18px;
    }
    
    /* Set the color of the "X" */
    .sm-user-ui .sm-lightbox-tools .sm-fonticon-XCross2 {
    /* color: #fff !important; */
    }
    
    .sm-user-ui .sm-lightbox .sm-lightbox-tools {
    padding: 5px;
    }
    
    /* Set the properties for the entire close box */
    /* If you want to change the color of the "Close" text, uncomment out the color and set your color */
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close {
      /* background-color: red !important; */
      border: 1px solid #fff;
      /* color: #fff; */
      font-size: 14px;
      opacity: 1.0;
    }
    
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • Options
    JohnwdJohnwd Registered Users Posts: 33 Big grins
    edited August 26, 2013
    Thank you, I was looking for this myself for my site, John
Sign In or Register to comment.