Bio Background Area

This particular option can be found by logging into your site's admin area and going to:
"ProPhoto" > "Customize" > "Bio" > "Background"

Your ProPhoto Bio Area has two background options: the Main background, and optional Inner background. Your main background is the ‘deepest’ background layer and the inner background layer appears on top of the main background. The inner background layer is provided to insert images like the page turn effect seen here:

The main background is a strip of grey gradient tiled horizontally, while the inner background (shown in red) is the page turn image positioned in the upper right.

Both image types are able to span the full width of the site, and can even be tiled to your preference. Click “set image” to upload a new image, choose from a previously uploaded one or from among those used in the free starter designs. Using both background images can be used to create some flashy design effects.  If you don’t want to upload an image you can choose a specific background color here as well.


This particular option can be found by logging into your site's admin area and going to:
"ProPhoto 4" > "Customize" > "Bio" > "Background"

Your ProPhoto Bio Area has two background options: Main and Inner backgrounds. Your main background is the ‘deepest’ background layer and the inner background layer appears on top of the main background. The inner background layer is provided to insert images like the page turn effect seen here:

The main background is a strip of grey gradient tiled horizontally, while the inner background (shown in red) is the page turn image positioned in the upper right.

Both image types are able to span the full width of the site, and can even be tiled to your preference. Using both background images can be used to create some flashy design effects.  If you don’t want to upload an image you can choose a specific background color here as well.


This particular option can be found by logging into your site's admin area and going to:
"Appearance" > "P3 Customize" > "Bio" > "Background"

Your ProPhoto Bio Area has two background options: Main and Inner backgrounds. Your main background is the ‘deepest’ background layer and the inner background layer appears on top of the main background. The inner background layer is provided to insert images like the page turn effect seen here:

The main background is a strip of grey gradient tiled horizontally, while the inner background (shown in red) is the page turn image positioned in the upper right.

Both image types are able to span the full width of the site, and can even be tiled to your preference. Using both background images can be used to create some flashy design effects.

General background area instructions:

There are many areas of your site that allow you to modify their background colors and/or background images. ProPhoto’s interface makes fine-tuning these options a cinch. If the background area already has an image uploaded, you will see these options:
wp38_site background img

  1. There are two general ways for a background image to be displayed, tiled or not tiled. A tiled image can be repeated horizontally, vertically, or both.
    wp38_background tile optionsTiled background images are nice because a small image can cover a large background area, keeping load times low. Images that you want to tile over a background should be created especially for tiling or they will probably have a visible seam every time the image repeats. If you’re looking for some good, free, background patterns that tile well, try squidfingers.com and  bgpatterns.com .If you have an image that you really want to use as a tiling background, but it wasn’t created to tile and shows “seams” when it tiles, search online for a tutorial on turning an image into a seamless pattern – there are several great approaches.
  2. When displaying a background image, you can determine where that the image will be shown.
    wp38_background positionLet’s say you are adding a background image to your site’s outer background area. Choosing “top center” for an image that is being tiled vertically will repeat your image vertically as a strip down the center of your background.
  3. Tell your background whether or not to scroll vertically with your content. If it is set to “stay fixed in place“, as you scroll through your site, the content will scroll over the top of your background.  The background will not move.  The “Sunny California” design shows this effect, well.wp38_fixed bkg exampleWhen set to “scroll with page” the background scrolls right along with your content.  You can see a live example of this in the Elegant Design.wp38_background scroll ex
  4. Set color of a background area. Background colors are always displayed behind any background image applied to the same element. If you set your background image to “tiled”, you won’t see your background color at all. If your image isn’t tiled, your background color will be visible beyond the edges of the background image. You can see this effect in the screenshot below, where a large background image was uploaded and set to “tile only horizontally”, “top center” and “fixed”.

    Here the background image is not tiled vertically, so the color shows below.

    Here the background image is not tiled vertically, so the color shows below.

    Unchecking the “set color” box will make your background color transparent, allowing any layer(s) under that one to show through. This area utilizes a color-picker to allow you to easily pick colors for customizing. Click for more info

  5. If you have a background image uploaded, you can delete the image entirely, or select “change background image” to upload or select a different image. If there is no image estabalished, you will only see an option to set an image. Clicking on “Change” or “Set” will open a ProPhoto upload window for you to add a new image. Click for more info
  6. Information about the size of an image shows next to the preview of the uploaded background image to help you verify your image details. When the image is too large to preview at full size, a link is available to view the full size image.
  7. A preview of any uploaded background image will show. Large background images will not be displayed full-size.

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us