How to add full screen background images in Wordpress

6.8K followers

5 years ago

The full screen image and video backgrounds are becoming more and more fashionable every day ...

But, there's a small problem ... Usually, adding full screen backgrounds to your Wordpress site means that you'll have to work with HTML and CSS. Which can be quite hard, especially for beginners ...

You'll have to consider many factors ... The most important one is the image and/or video size, and scaling that size for various devices, resolutions, screen sizes, browsers, etc, can be extremely annoying.

Luckily, there are some easy solutions that will allow you to create cool image and video backgrounds even if you don't know HTML and CSS. And not so long ago I've already published a tutorial on how to create full screen video backgrounds using YouTube videos. In case that you haven't seen it yet, here it is again:

How to create a fullscreen video background using a YouTube video

Meanwhile I've received several messages from my followers asking me how they can add a full screen background image on their Wordpress website ...

Well, the easiest way is to use the theme customizer IF your theme comes with a native support for background images. However, many themes won't allow you to use background images, so I've decided to create a short tutorial where I will show you how to add a cool full screen background image to your site without editing your theme files or any Wordpress stylesheets.

Interested?

Here it is:

How to add full-screen background images in Wordpress

Enjoy it!