{"id":319385,"date":"2026-04-08T14:17:11","date_gmt":"2026-04-08T09:17:11","guid":{"rendered":"https:\/\/wpbrigade.com\/?post_type=docs&#038;p=319385"},"modified":"2026-04-08T14:17:16","modified_gmt":"2026-04-08T09:17:16","password":"","slug":"background-image-customization","status":"publish","type":"docs","link":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/","title":{"rendered":"Customizing the Background Image"},"content":{"rendered":"\n<p>The Background Customization feature in UCMM lets you add a custom background image to your maintenance or coming soon page.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>This is a great way to personalize the page and match it with your brand&#8217;s style or message.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>In this guide, we\u2019ll show you how to easily customize the background using the <a href=\"https:\/\/wpbrigade.com\/go\/under-construction-maintenance-mode\" type=\"link\" id=\"https:\/\/wpbrigade.com\/go\/under-construction-maintenance-mode\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">UCMM Plugin<\/a>, giving your site a professional and branded look during maintenance or construction periods.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-set-a-background-image\">How to Set a Background Image<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>To customize your background, log in to your WordPress account and access the <strong>Admin Dashboard<\/strong>.&nbsp;<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e39a424b961&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e39a424b961\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"501\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard-1024x501.png\" alt=\"Go to wordpress dashboard \" class=\"wp-image-319399\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard-1024x501.png 1024w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard-300x147.png 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard-768x376.png 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard-1536x752.png 1536w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard.png 1853w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Go to WordPress Dashboard <\/figcaption><\/figure>\n\n\n\n<p>From there, locate the left-hand sidebar menu, click on <strong>Under Construction<\/strong>, and then select <strong>Customizer<\/strong> to enter the UCMM editing interface.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e39a424bcf4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e39a424bcf4\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"462\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-customizer-1-1024x462.png\" alt=\"Go to customizer option in ucmm settings\" class=\"wp-image-319398\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-customizer-1-1024x462.png 1024w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-customizer-1-300x135.png 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-customizer-1-768x346.png 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-customizer-1.png 1140w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Go to the Customizer option &#8211; UCMM Settings<\/figcaption><\/figure>\n\n\n\n<p>Here is the Customizer interface for the UCCM page:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e39a424bfc7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e39a424bfc7\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"482\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Customizer-dashboard-1024x482.png\" alt=\"Ucmm customizer dashboard\" class=\"wp-image-319397\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Customizer-dashboard-1024x482.png 1024w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Customizer-dashboard-300x141.png 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Customizer-dashboard-768x362.png 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Customizer-dashboard-1536x723.png 1536w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Customizer-dashboard.png 1915w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Customizer Dashboard &#8211; UCMM<\/figcaption><\/figure>\n\n\n\n<p><strong>Select the Background Section<br><\/strong> In the UCMM Customizer, click on the <strong>Background<\/strong> section from the left menu. Next, click the <strong>Select Image<\/strong> button to upload your desired background image or select an existing one from your media library.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e39a424c32b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e39a424c32b\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"338\" height=\"747\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Upload-background-image.png\" alt=\"Upload your own image as background in ucmm\" class=\"wp-image-319403\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Upload-background-image.png 338w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Upload-background-image-136x300.png 136w\" sizes=\"(max-width: 338px) 100vw, 338px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Upload Background Image &#8211; UCMM Customizer<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Customize the Background Appearance<br><\/strong> Once the image is uploaded, you can adjust the following settings<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Image Size<\/strong>: Choose how the image will fit:\n<ul class=\"wp-block-list\">\n<li><strong>Auto<\/strong>: Keeps the image at its original size.<\/li>\n\n\n\n<li><strong>Cover<\/strong>: Scales the image to fill the entire background, potentially cropping it.<\/li>\n\n\n\n<li><strong>Contain<\/strong>: Scales the image to fit entirely within the background without cropping.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e39a424c77d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e39a424c77d\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"342\" height=\"769\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-image-size.png\" alt=\"Select background image size\" class=\"wp-image-319401\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-image-size.png 342w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-image-size-133x300.png 133w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Select Background Size &#8211; UCMM Customizer <\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Repeat<\/strong>: Decide if the image should repeat:\n<ul class=\"wp-block-list\">\n<li><strong>Repeat<\/strong>: The image repeats both horizontally and vertically.<\/li>\n\n\n\n<li><strong>Repeat-x<\/strong>: The image repeats horizontally only.<\/li>\n\n\n\n<li><strong>Repeat-y<\/strong>: The image repeats vertically only.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e39a424cafe&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e39a424cafe\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"383\" height=\"859\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-repeat.png\" alt=\"Select background repeat option\" class=\"wp-image-319402\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-repeat.png 383w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-repeat-134x300.png 134w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Select Background Repeat option &#8211; UCMM Customizer <\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>No-repeat<\/strong>: The image is displayed once and does not repeat.<\/li>\n\n\n\n<li><strong>Background Position<\/strong>: Set the alignment of the background image:\n<ul class=\"wp-block-list\">\n<li><strong>Top<\/strong>: Aligns the image to the top of the container.<\/li>\n\n\n\n<li><strong>Bottom<\/strong>: Aligns the image to the bottom of the container.<\/li>\n\n\n\n<li><strong>Left<\/strong>: Aligns the image to the left side.<\/li>\n\n\n\n<li><strong>Right<\/strong>: Aligns the image to the right side.<\/li>\n\n\n\n<li><strong>Center<\/strong>: Centers the image in the container.<\/li>\n\n\n\n<li><strong>Initial<\/strong>: Resets the position to the default browser setting.<\/li>\n\n\n\n<li><strong>Inherit<\/strong>: Inherits the position from the parent element.<\/li>\n\n\n\n<li><strong>Unset<\/strong>: Removes any set position, using the default or inherited settings.<br><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e39a424cf67&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e39a424cf67\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"379\" height=\"911\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-image-position.png\" alt=\"Select background image position\" class=\"wp-image-319400\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-image-position.png 379w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Select-background-image-position-125x300.png 125w\" sizes=\"(max-width: 379px) 100vw, 379px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Select Background Position &#8211; UCMM Customizer <\/figcaption><\/figure>\n\n\n\n<p><strong>Save Your Changes<\/strong><\/p>\n\n\n\n<p>After setting your background image and customizing the options, click <strong>Publish<\/strong> to save your changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-happens-next\">What Happens Next?<\/h2>\n\n\n\n<p>Once saved, your chosen background image will appear on the maintenance or coming soon page, giving it a customized look.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e39a424d33c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e39a424d33c\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"460\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Background-on-frontend-1024x460.png\" alt=\"Background image on frontend in UCMM background customization\" class=\"wp-image-319396\" srcset=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Background-on-frontend-1024x460.png 1024w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Background-on-frontend-300x135.png 300w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Background-on-frontend-768x345.png 768w, https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Background-on-frontend.png 1396w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Background Image on Frontend &#8211; UCMM Customizer <\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-tips-for-background-customization\">Tips for Background Customization<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose a <strong>high-quality image<\/strong> that is not too large to keep the page load fast.<\/li>\n\n\n\n<li>If your logo or text is light-colored, consider using a <strong>darker background<\/strong> to make the content stand out.<\/li>\n\n\n\n<li><strong>Test different image sizes<\/strong> (auto, cover, contain) to see which one fits best on your page.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Customizing the background of your maintenance or coming-soon page is an easy way to ensure that, even when your site is temporarily offline, it still reflects your brand&#8217;s personality and professionalism.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Keep experimenting with different background settings until you find the perfect fit that aligns with your site\u2019s style.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>With these simple steps, you can make sure that your under-construction page is not only functional but also visually appealing.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>If you need further assistance, feel free to reach out to the <a href=\"https:\/\/wpbrigade.com\/contact\/\" type=\"link\" id=\"https:\/\/wpbrigade.com\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\">support team<\/a> for clarification.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Background Customization feature in UCMM lets you add a custom background image to your maintenance or coming soon page. <\/p>\n","protected":false},"author":9268,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_analytify_skip_tracking":false,"footnotes":""},"doc_category":[1490],"doc_tag":[],"class_list":["post-319385","docs","type-docs","status-publish","hentry","doc_category-ucmm"],"year_month":"2026-04","word_count":563,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Editorial Team","author_nicename":"editoranalytify-io","author_url":"https:\/\/wpbrigade.com\/author\/editoranalytify-io\/"},"doc_category_info":[{"term_name":"Under Construction Maintenance Mode","term_url":"https:\/\/wpbrigade.com\/documents\/ucmm\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>UCMM Background Image Customization - WPBrigade<\/title>\n<meta name=\"description\" content=\"Explore the UCMM background image customization options to learn how to customize backgrounds and use its features effectively.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpbrigade.com\/docs\/background-image-customization\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing the Background Image\" \/>\n<meta property=\"og:description\" content=\"Explore the UCMM background image customization options to learn how to customize backgrounds and use its features effectively.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpbrigade.com\/docs\/background-image-customization\/\" \/>\n<meta property=\"og:site_name\" content=\"WPBrigade\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/WPBrigade\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-08T09:17:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1853\" \/>\n\t<meta property=\"og:image:height\" content=\"907\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpbrigade\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/background-image-customization\\\/\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/background-image-customization\\\/\",\"name\":\"UCMM Background Image Customization - WPBrigade\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/background-image-customization\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/background-image-customization\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Go-to-wordpress-dashboard-1024x501.png\",\"datePublished\":\"2026-04-08T09:17:11+00:00\",\"dateModified\":\"2026-04-08T09:17:16+00:00\",\"description\":\"Explore the UCMM background image customization options to learn how to customize backgrounds and use its features effectively.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/background-image-customization\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/background-image-customization\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/background-image-customization\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Go-to-wordpress-dashboard.png\",\"contentUrl\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Go-to-wordpress-dashboard.png\",\"width\":1853,\"height\":907,\"caption\":\"Go to WordPress Dashboard\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/background-image-customization\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpbrigade.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\\\/\\\/wpbrigade.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Customizing the Background Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#website\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/\",\"name\":\"WPBrigade\",\"description\":\"WordPress Development Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpbrigade.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#organization\",\"name\":\"WPBrigade\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Screen-Shot-2021-07-02-at-12.42.14-AM.png\",\"contentUrl\":\"https:\\\/\\\/wpbrigade.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Screen-Shot-2021-07-02-at-12.42.14-AM.png\",\"width\":271,\"height\":63,\"caption\":\"WPBrigade\"},\"image\":{\"@id\":\"https:\\\/\\\/wpbrigade.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/WPBrigade\",\"https:\\\/\\\/x.com\\\/wpbrigade\",\"https:\\\/\\\/www.instagram.com\\\/wpbrigade.agency\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/wpbrigade\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Wpbrigade\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UCMM Background Image Customization - WPBrigade","description":"Explore the UCMM background image customization options to learn how to customize backgrounds and use its features effectively.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/","og_locale":"en_US","og_type":"article","og_title":"Customizing the Background Image","og_description":"Explore the UCMM background image customization options to learn how to customize backgrounds and use its features effectively.","og_url":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/","og_site_name":"WPBrigade","article_publisher":"https:\/\/facebook.com\/WPBrigade","article_modified_time":"2026-04-08T09:17:16+00:00","og_image":[{"width":1853,"height":907,"url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@wpbrigade","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/","url":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/","name":"UCMM Background Image Customization - WPBrigade","isPartOf":{"@id":"https:\/\/wpbrigade.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/#primaryimage"},"image":{"@id":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/#primaryimage"},"thumbnailUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard-1024x501.png","datePublished":"2026-04-08T09:17:11+00:00","dateModified":"2026-04-08T09:17:16+00:00","description":"Explore the UCMM background image customization options to learn how to customize backgrounds and use its features effectively.","breadcrumb":{"@id":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpbrigade.com\/docs\/background-image-customization\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/#primaryimage","url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard.png","contentUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2026\/03\/Go-to-wordpress-dashboard.png","width":1853,"height":907,"caption":"Go to WordPress Dashboard"},{"@type":"BreadcrumbList","@id":"https:\/\/wpbrigade.com\/docs\/background-image-customization\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpbrigade.com\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/wpbrigade.com\/docs\/"},{"@type":"ListItem","position":3,"name":"Customizing the Background Image"}]},{"@type":"WebSite","@id":"https:\/\/wpbrigade.com\/#website","url":"https:\/\/wpbrigade.com\/","name":"WPBrigade","description":"WordPress Development Agency","publisher":{"@id":"https:\/\/wpbrigade.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpbrigade.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpbrigade.com\/#organization","name":"WPBrigade","url":"https:\/\/wpbrigade.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpbrigade.com\/#\/schema\/logo\/image\/","url":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-02-at-12.42.14-AM.png","contentUrl":"https:\/\/wpbrigade.com\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-02-at-12.42.14-AM.png","width":271,"height":63,"caption":"WPBrigade"},"image":{"@id":"https:\/\/wpbrigade.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/WPBrigade","https:\/\/x.com\/wpbrigade","https:\/\/www.instagram.com\/wpbrigade.agency\/","https:\/\/www.linkedin.com\/company\/wpbrigade","https:\/\/www.youtube.com\/c\/Wpbrigade"]}]}},"_links":{"self":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/docs\/319385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/users\/9268"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/comments?post=319385"}],"version-history":[{"count":10,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/docs\/319385\/revisions"}],"predecessor-version":[{"id":320094,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/docs\/319385\/revisions\/320094"}],"wp:attachment":[{"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/media?parent=319385"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/doc_category?post=319385"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpbrigade.com\/wpb-api\/wp\/v2\/doc_tag?post=319385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}