Generic selectors
Exact matches only
Search in title
Search in content

How to Add a Full Screen Background Image in WordPress ctm magazine

Having a full screen background image is a style that some users want to add to their site. Normally this would require working with CSS and HTML files but there is a simpler way to do this. In this video, we will show you how to add a full screen background image in WordPress.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:

Follow us on Twitter:

Checkout our website for more WordPress Tutorials

Summary of this Tutorial:

start by installing and activating the Simple Full Screen Background Image plugin.

Under Appearance, Fullscreen BG Image you will be able to upload your background image.

The recommended image size is 1600×1200 px.

The image will automatically be scaled to match the screen and when you save you can view the image on your site.

A larger image will improve the screen resolution and the quality of background images when they are scaled down.

Related Links:

Simple Full Screen Background Image




  • David Stepanczuk on February 25, 2015

    Would love it if you made a HTML/CSS convert to WordPress theme tutorial. Those videos are out there. Almost all are crap. Quite frustrating.

  • Luka Šimšić on April 20, 2015

    Thank you!!!

  • Ravi Gupta on July 25, 2015

    Are these videos for WordPress.com or WordPress.org?  (I need WordPress.com)

  • Kelly M on December 23, 2015

    How do you do it in a page? Not on the homepage?

  • Ali on January 15, 2017


  • Abu awais on March 28, 2017

    This plugin is not compatible with WordPress 4.7.3 version. How to add background image in 4.7.3 version?

  • TheOne ChegeVin on April 22, 2017

    Hallo to you, that was so easy, and I have enjoyed the video, easy to follow and your blog is so resourceful too. I'm nonetheless stuck on how to make the upper content layer be transparent so that the texts lie on the custom background image. I'm using MH Magazine lite theme, and SiteOrigin CSS plug in.
    How may I kindly go about that? .mh-header, .mh-wrapper { background: rgba(255, 255, 255, 0.8); } I just don't know how to work around it. Really hope to hear from you and truly I appreciate wpbeginner, big big visitor and follower.

  • Ziad Elawar on February 11, 2018


  • Stay Fit & Fine on August 9, 2018

    How can I remain default background image on MH Magazine Theme?

  • Doug DuBois on January 26, 2020

    All is fine until I click on "save options" — nothing happens.

  • Kanal on June 1, 2020

    hi, how can I delete the background image back.

  • Alison A on January 7, 2021

    It would be great if you could say which plans are needed for these options. You can't add plug ins with the free or 2 cheapest upgrade options. Is there a way around this?

  • Club Noir Amsterdam on May 5, 2021

    thank u so helpful

Since 2009- Live News and Entertainment


🪙Premium Domains plus WordPress  🛡Open your own  Online Store 🏦 Open your own web hosting

Generic selectors
Exact matches only
Search in title
Search in content