General Usage

Precondition

All-in-One Custom Backgrounds Plugin is installed and activated. Otherwise please consider documentation Installation and Updating for more informations.

Use Backgrounds

1. Create a new page or post or edit an existing one.

2. Scroll down until you find a “Backgrounds” configuration section.

Note: If you can’t find the “Backgrounds” section make sure, that “Backgrounds” is enabled under the “Screen Options” at the top right of the edit view.

Global is default background group setting of page, post and custom post types.

3. Select Background Group

Global – Use global background group configured under Appearance -> Global Backgrounds. If no default global background than fallback to theme background will be used.

Group – Use one of global background groups witch you can define under Appearance -> Background Groups.

Custom – Define a custom background group witch is only used at this page.

None – Use theme background for current page, post or content type.

Setup an Background

Setup an Background

 

Selector

By default background will be assigned as fullscreen background on body element. Futhermore select other or more elements (seperated by comma) on witch background should be assigned. The selector syntax is documented on jQuery Selectors site.

Note: Assigning of background only works if selected element is an HTML Block Element.

Type

Currently following background types will be supported:

Note: Video types can only be assigned to body element as fullscreen background.

Usage of Multiple Backgrounds

You can add multiple backgrounds by clicking “Add More Background” button. Every has its own setup witch is documented under “Setup an Background”. Furthermore it is possible to remove or order background for other prioritization.

Stack of Multiple Backgrounds

Note: Priority of Background
Background at the bottom of stack has higher priority than background at top. Example: There a two backgrounds for body element with color type. Top background has color red and bottom background has color green. Bottom background has higher priority and overwrite same options and so body will be green.