All-in-One Custom Backgrounds Plugin is installed and activated. Otherwise please consider documentation Installation and Updating for more informations.
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.
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
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.
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.