Custom Background Changer

Description

Custom Background Changer lets you control the background of every post and page individually. Go far beyond plain colors with beautiful CSS gradients, full-screen background images, translucent color overlays, and looping MP4 video backgrounds — all from a premium tabbed settings panel right inside the post editor.

Features in v4.0

  • Solid Color – Pick any background color via the color picker.
  • CSS Gradient – Pick two colors and an angle to generate a smooth linear gradient.
  • Background Image – Upload an image with full control over attachment, repeat, position, and size (including cover/contain).
  • Color Overlay – Add a translucent color layer on top of your image or video to improve text readability.
  • MP4 Video Background – Set a looping, auto-playing, muted video as your page background.
  • Performance – CSS and JS assets load only on post/page edit screens in the admin. Zero impact on all other pages.
  • Secure – All input is sanitized. All output is properly escaped. Nonce-protected saves.

Screenshots

Installation

  1. Upload the custom-background-changer folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Edit any post or page and look for the Custom Background Changer meta box.
  4. Enable it using the checkbox, choose your settings, and publish/update the post.

FAQ

Does the video background have sound?

No. The video is set to muted and autoplay with loop, ensuring a seamless, silent background experience.

Can I combine a video with an overlay?

Yes! The Overlay tab works on top of both video and image backgrounds.

Does this work with Gutenberg?

Yes. The plugin uses a standard meta box which appears in both the Classic Editor and the Gutenberg sidebar.

Reviews

December 4, 2018
First off thei sis an excellent plugin and works a real treat on my clients websites it just lacks the ability to set the cover or contain properties and the css offered above does not always work where a body declaration has already been implemented as in tempera theme by cryout creations to make the contain or cover work the followinf CSS is offered up: body{ -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } the !important are only needed if your theme is overiding your body css to run the contain or cover
February 15, 2023
<p>Newbie here, just migrating several old web sites to WP and needed unique images per page so found this as the best option of a handful of such plugins.</p> <p>One good feature is that it appears on the Edit Page section in Admin, so easy to manage.</p> <p>Seems to do everything needed with one little niggle – the images don’t responsively scale upwards (I test on a 40″ monitor for these kind of situations).</p> <p>Note that images do responsively scale downwards.</p> <p>Having a “Scale to Fit” option would seem the next step in development to allow for images of all sizes?</p> <p>Similarly a “Fixed Scale” option for those wanting to use more precise pixel-perfect styling might help too?</p> <p>Keep up the good work, this IS a nice neat plugin.</p> <p>I’ll probably be using this on all my eleven site upgrades over the next few months.</p> <p>=====<br />Up-date (still a newbie on all this) after a few week’s fooling around.<br />Best fix to scaling BG image is add the CSS for</p> <p>body{<br />background-size:cover;<br />}</p> <p>Or</p> <p>body{<br />background-size:contain;<br />}</p> <p>I’m guessing this depends more on the theme’s coding than this plugin’s function.</p> <p>=====</p> <p>Up-date (February 2023)  Finally had to bite one bullet and update my sites to newer PHP (8.1) and this looks like it’s finally broken the plugin with: “Warning: Undefined variable $textdomain…” errors appearing.</p> <p>Looks like I will finally have to move to a newer plugin.</p>
April 16, 2017
No Frills on this plugin. It does “exactly” what it claims. Well done developers.
September 14, 2016 1 reply
The greatest background plugin, easy to use and manage. It does exactly what it says. I’m loving it! Many thanks to developer/s. Great job!
September 3, 2016
Answered Emails, and provided support. Custom backgrounds on specific posts looks good.
Read all 6 reviews

Contributors & Developers

“Custom Background Changer” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

4.0

  • NEW: CSS Gradient background support with angle control and live preview.
  • NEW: Color Overlay with opacity slider for images and videos.
  • NEW: MP4 Video Background support (autoplay, loop, muted).
  • NEW: Background size control (auto/cover/contain).
  • IMPROVED: Premium tabbed admin UI for easy organization.
  • IMPROVED: Live gradient preview directly in the admin.

3.0

  • SECURITY: Patched XSS vulnerabilities.
  • SECURITY: Added capability checks.
  • PERFORMANCE: Conditional asset loading on edit screens only.
  • COMPATIBILITY: Tested up to WordPress 7.0.

2.0

Fixed some bugs.
Change metabox layout.

1.0

  • Initial release.