{"id":108,"date":"2025-09-30T09:49:00","date_gmt":"2025-09-30T09:49:00","guid":{"rendered":"https:\/\/skb-rpd-3fe7.ue1.rapydapps.cloud\/?post_type=ht_kb&#038;p=108"},"modified":"2025-10-01T10:02:37","modified_gmt":"2025-10-01T10:02:37","slug":"tin-canny-lightbox-fix-close-button","status":"publish","type":"ht_kb","link":"https:\/\/skb.uncannyowl.com\/?ht_kb=tin-canny-lightbox-fix-close-button","title":{"rendered":"Tin Canny Lightbox &#8211; Fix Close Button"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If the &#8220;X&#8221; button to close the Lightbox is not appearing as expected (ex black with no &#8220;X&#8221;), this is due to a CSS\/theme conflict. However, this can be fixed with custom CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please copy and paste the following CSS to wherever you are adding custom styling, this CSS with change the &#8220;X&#8221; button from square and black, back to round and red.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*Custom Glightbox Red Close Button *\/\nbutton.gclose.gbtn {\nbackground: #ff0000 !important;\nborder-radius: 20px;\nwidth: 40px !important;\nheight: 40px !important;\npadding: 0 !important;\n]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If the &#8220;X&#8221; button to close the Lightbox is not appearing as expected (ex black with no &#8220;X&#8221;), 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&#8230;<\/p>\n","protected":false},"author":4,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[],"ht-kb-tag":[38,27],"class_list":["post-108","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_tag-lightbox","ht_kb_tag-tin-canny"],"_links":{"self":[{"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=108"}],"version-history":[{"count":1,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/108\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/108\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=108"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fht-kb-category&post=108"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fht-kb-tag&post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}