Tin Canny Lightbox – Fix Close Button

If the “X” button to close the Lightbox is not appearing as expected (ex black with no “X”), this is due to a CSS/theme conflict. However, this can be fixed with custom CSS.

Please copy and paste the following CSS to wherever you are adding custom styling, this CSS with change the “X” button from square and black, back to round and red.

/*Custom Glightbox Red Close Button */
button.gclose.gbtn {
background: #ff0000 !important;
border-radius: 20px;
width: 40px !important;
height: 40px !important;
padding: 0 !important;
]