Lightbox buttons have overlapping text -- how to fix?

npudarnpudar Registered Users Posts: 39 Big grins

As the image shows, when a single image shows in the Lightbox, the buttons on the lower right corner have overlapping text on them. What is causing this, and how can I correct it? If there is some old CSS/HTML code from years ago still lurking, I do not know how to find them. I'll be needing some explicit instructions :smile:
Thanks!
Nick

Comments

  • npudarnpudar Registered Users Posts: 39 Big grins

    Sorry... forgot to include...

    photos.pudar.com

  • Hikin' MikeHikin' Mike Registered Users Posts: 5,448 Major grins

    Yes, you have some CSS you added. To remove it you need to click on 'Adding CSS to Your Site' in my signature. Once you see the CSS section, find a delete this:

    /* For large screens only  */
    @media only screen and (min-width: 1200px) {
      /* Add the word "Download" after the download button */
      .sm-button.sm-button-image-download:after {
        content: " Download" !important;
        font-size: 95%;
      }
    
      /* Add the word "Info" after the info button */
      .sm-button.sm-button-image-info:after {
        content: " Info" !important;
        font-size: 95%;
      }
    
      /* Add the word "Tools" after the tools button */
      .sm-button.sm-button-image-tools:after {
        content: " Tools" !important;
        font-size: 95%;
      }
    
      /* Add the word "Like" after the like button */
      .sm-button.sm-button-image-like:after {
        content: " Like" !important;
        font-size: 95%;
      }
    
      /* Add the word "Share" after the share button */
      .sm-gallery .sm-button.sm-button-image-share:after {
        content: " Share" !important;
        font-size: 95%;
      }
    
      /* Lightbox Add the word "Comment" after the Comments button */
      .sm-lightbox-icons .sm-button.sm-button-image-comment:after {
        content: " Comment" !important;
        font-size: 95%;
      }
    
      /* Lightbox Add the word "Share" after the Share button */
      .sm-lightbox-icons .sm-button.sm-button-image-share:after {
        content: " Share" !important;
        font-size: 95%;
      }
    
      /* Lightbox Add the word "Sizes" after the Sizes button */
      .sm-lightbox-icons .sm-button.sm-button-image-sizes:after {
        content: " Sizes" !important;
        font-size: 95%;
      }
    }
    
    /* Lightbox: Add the word "Close" next to the X  */
    .sm-user-ui .sm-lightbox-tools .sm-lightbox-close:after {
      content: ' Close';
      font-size: 18px;
    }
    
  • npudarnpudar Registered Users Posts: 39 Big grins

    That is fantastic! Thank you so much for the fast and excellent help.
    Best regards,
    Nick

Sign In or Register to comment.