Table of Content
That’s often because the background doesn’t fit into the theme’s overall design, so the developer chose to turn it off altogether. You can upload a background image for your entire website, place it behind buttons, or set a solid color background for your login page. Regardless of where you want to put them, it’s essential to understand the basics of uploading an image, including a background image. The background image is one of the first things visitors notice while visiting a website. That’s why using a unique background is necessary to catch their attention.

You must convert previously created pages to the Beaver Builder format. As an alternative, you have the option to create a page from scratch and choose to edit the page in Beaver Builder. For instance, we can select this Text Editor section to view the Text section settings. Once on the default WordPress page editor, click the button to Edit With Elementor.
My WordPress Background Image is Not in the Right Position
As for the header and menu, you’ll learn how to configure those backgrounds in some of the following tutorials. However, its size may also be too big for your website, or maybe the aspect ratio isn’t quite the right fit. Regardless, we suggest experimenting with this setting to figure out if it’s right for you. When opting for something besides the Custom preset, you don’t get that many additional settings to configure. Much like the Presets setting, the Image Position tool requires a process of guessing and checking your work, as the original image and its contents dictate how it looks.

Browsers or online readers will eventually learn about your brand and visit your website frequently for more content if you have used impactful featured images. You can increase your visibility by inserting a featured image into your posts. This makes it easy for online readers and browsers to find the right content. This element must be modified to set properties on the featured image, including width, height, border, etc.
Featured Image
This is particularly important for background images since they often show up on multiple pages throughout your website. Plus, they are large photos and cover a significant amount of space on the screen. Change the background of the header, footer, and body to create a unique web design to attract visitors. We recommend you use a light color if you’re using color as a background. In the case of using an image as background, we recommend you use a copyright-free, self-hosted and minimalistic image for better performance.

You can also see this happen with larger, high-resolution images if they don’t match the required aspect ratio. Add a map as a WordPress background imageFinally, we recommend checking out the Brizy background video tool, located in the same section as the image background tool. It works by inserting a video URL , rendering a full video right behind the foreground content. It even provides a setting to loop the video and choose when it should start as the user scrolls over the section. Set the font colorThe Maintenance plugin also offers several pre-made themes with beautiful background images and professionally designed layouts and text.
Imsanity! Compress your images to a sensible size
Or maybe you keep uploading a background, but it doesn’t look quite right . Overall, we recommend trying to take background images yourself. If that’s not possible or you don’t have experience with photography or graphic design, think about using free stock photography resources. You can also opt to pay for a background image from one of the many premium stock image websites, some of which charge a monthly fee to download a bunch of photos. Open the background color fieldThe background color doesn’t show for the maintenance page unless you disable all other background images.
However, I understand a photographer can get expensive for start-ups that have a high turnover of products. There are a number of ways to source photos for a website or blog, free or paid for. We don’t want to lose the main focus of the image once it is resized. Find out how a WordPress gallery can be used to display multiple images.
The Beaver Builder plugin includes a Lite version with some basic background tools. It’s one of the most popular page builders on the market, offering many content modules for items like video, images, paragraphs, and more. Elementor provides image background settings like Position, Attachment, Repeat, and WordPress Background Image Size.

Page builders also tend to replace the default background image functionality provided through WordPress. You can override theme restrictions or any missing elements that help display a background image in the code. Most of the time, that’s the case, but other times you’ll find that the background image can be a bit troublesome.
The best featured image size for WordPress blogs is 1200 x 628 pixels, which is a wide image size by height. Once you have made the most drastic changes to your theme and nothing has changed in the width, you can determine the dimensions of the images and their featured images. To add a Featured Image to a WordPress post, click on the title of the post or page to which it is attached, then select it using the editor.
Adding an intro effect to the background imageSeveral other background elements are available for you to experiment in the Maintenance plugin’s Settings panel. The background image is there, along with my customizations like the logo and text description. Enabling the maintenance pageGo to the frontend of your website to ensure the background image and maintenance page show up properly. Click the hamburger menu iconAs shown in the screenshot, the background gets placed behind the entire mobile menu for everyone to see. Click the ‘Save Menu’ buttonNow, navigate to the frontend of your website to see the menu. If you scroll over the item we just customized, you should see a dropdown section with the background.
Now, you can preview the post and see that our image has been added. However, that doesn’t mean the core feature works for all websites. For instance, you may find that the theme you’re using doesn’t support custom backgrounds.

You can change the background image of your website to solve this problem and you can also create a video background if you want. If you’re using WordPress to manage your website, you’ll get a common white background after setting it up. So, to stay out of the crowd, you need to change the background of your website. In this article, we’ll demonstrate 3 methods to add or change the background of your website. Suppose the theme uses a proprietary WordPress featured image size in posts and/or archive pages.