background | BoldGrid

These days, image is everything. A website in need of a strong, impressive visual presence will not hold a visitor’s interest long. Recent trends in web design favor immense high-resolution background images.

BoldGrid makes it easy to integrate this kind of style into your WordPress site with virtually no effort at all. This is an easy goal to accomplish for business people and an effective time-saver for WordPress-savvy developers.

This is important because your BoldGrid theme will have a default theme background image after you have gone through the inspirations process. You may want to replace that image or use a pattern with a background color. This article tells you how to make those changes.

Now you can quickly and easily swap and customize background images, patterns, and colors for your theme right from the WordPress customizer.

Changing the Background Image

Follow along with the steps below to switch your background image and set scale, scrolling, and position options.

  1. Log into BoldGridLog into BoldGrid.
  2. Click Customize buttonClick the Customize button.
  3. Select Background.


  4. Change imageClick Change Image to select a different background image from your media library.
  5. Once you have selected an image, use the scroll, scale, and position options to further customize how your image will react on the page.

Using a Background Pattern with Color

As an alternative to a background image, you can use colors and patterns:

  1. Pattern and colorClick Pattern & Color.
  2. Try out different patternsClick through different patterns to see how they appear in the preview window.
  3. Select background colorClick the Background Color button to add color to your pattern.
  4. Click to Remove Selected PatternIf you would like to use a solid color with no pattern, choose Remove Selected Pattern.

Save & PublishMake sure to click Save & Publish when you are done editing.

Well done completing this tutorial! You now know how to customize your theme background through the WordPress customizer. You should now proceed to customizing typography.

bg-colorsIn our previous guide you learned about customizing colors. In this article, you will learn how to customize background images of a BoldGrid site. BoldGrid provides an image selection option as well as multiple patterns from which you can choose.

We will be using the image below named “water-sport.jpg”. Download this file to your local computer by right-clicking or control-clicking the image.

  1.  Click BackgroundClick Background.
  2.  Change ImageClick Change Image.
  3. Select ImageUpload the water-sport.png image and click Select.
  4. SelectNext, crop the image by moving the window all the way up and click Crop Image.
  5. Scaled to FitChange the Background Image Size to Scaled to Fit.
  6.  Save & PublishClick Save & Publish.

You now know how to customize the background image for our BoldGrid site. From here, you may proceed to the next section in the BoldGrid tutorial series:  How to Customize Fonts

The background tab inside of the Customizer within BoldGrid allows you to modify the background of the BoldGrid theme you are using. This allows you to customize the look and feel of your website and make it your own. Often times, BoldGrid users will want to use specific colors to create a “branding” effect for their business. Continue reading “Customizer: How to Use the Background Tab”