{"id":3037,"date":"2018-04-12T09:20:08","date_gmt":"2018-04-12T09:20:08","guid":{"rendered":"https:\/\/docs.contentviewspro.com\/?p=3037"},"modified":"2023-12-27T10:33:13","modified_gmt":"2023-12-27T10:33:13","password":"","slug":"lightbox-change-background-color-opacity-close-icon-etc","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/lightbox-change-background-color-opacity-close-icon-etc\/","title":{"rendered":"Lightbox &#8211; change background color, opacity, close icon&#8230;"},"content":{"rendered":"<h2>Change background color and opacity around the lightbox:<\/h2>\n<pre style=\"font-size: 13px;\">#cvpboxOverlay {\n    background: #000 !important;\n    opacity: 0.5 !important;\n}\n<\/pre>\n<h2>Change the border of the lightbox:<\/h2>\n<pre style=\"font-size: 13px;\">#cvpboxLoadedContent {\n    border: 5px solid #000 !important;\n}\n<\/pre>\n<h2>Change the close icon:<\/h2>\n<pre style=\"font-size:13px\">\n#cvpboxClose {\n    background: url(URL_OF_YOUR_CLOSE_ICON_HERE) !important;\n}\n<\/pre>\n<h2>Lightbox of thumbnail: Move the arrows outside the image:<\/h2>\n<pre style=\"font-size:13px\">\n#cvpboxPrevious {\n    left: -45px !important;\n}\n#cvpboxNext {\n    right: -45px !important;\n}\n<\/pre>\n<h2>Lightbox of thumbnail: change styles of the text\/description<\/h2>\n<pre style=\"font-size:13px\">\n#cvpboxTitle {\n    font-size: 20px;\n    color: #ccc;\n    font-family: Arial, serif;\n}\n<\/pre>\n<h2>Lightbox of thumbnail: remove the text\/description<\/h2>\n<pre style=\"font-size:13px\">\n#cvpboxTitle {\n    display: none !important;\n}\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Change background color and opacity around the lightbox: #cvpboxOverlay { background: #000 !important; opacity: 0.5 !important; } Change the border of the lightbox: #cvpboxLoadedContent { border: 5px solid #000 !important; } Change the close icon: #cvpboxClose { background: url(URL_OF_YOUR_CLOSE_ICON_HERE) !important; } Lightbox of thumbnail: Move the arrows outside the image: #cvpboxPrevious { left: -45px !important; &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/lightbox-change-background-color-opacity-close-icon-etc\/\"> <span class=\"screen-reader-text\">Lightbox &#8211; change background color, opacity, close icon&#8230;<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[47],"doc_tag":[29],"class_list":["post-3037","docs","type-docs","status-publish","hentry","doc_category-customize-css-style","doc_tag-custom-css"],"year_month":"2026-09","word_count":85,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[{"term_name":"Customize CSS\/Style","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/customize-css-style\/"}],"doc_tag_info":[{"term_name":"custom CSS","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/custom-css\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/3037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=3037"}],"version-history":[{"count":1,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/3037\/revisions"}],"predecessor-version":[{"id":5421,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/3037\/revisions\/5421"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=3037"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=3037"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=3037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}