Builder CSS: Basic Structure

From IThemes Codex
Revision as of 15:56, July 18, 2013 by Kristen (Talk | contribs)
Jump to: navigation, search

Builder's Construction of CSS Wrappers

The following is a basic outline of Builder's construction of CSS wrappers.


[BODY] #ID
[builder-container-background-wrapper]
[builder-container-outer-wrapper]
[builder-container] #ID
[builder-module-backgroud-wrapper]
[builder-module-outer-wrapper]
[builder-module] #ID
[builder-module-block-outer-wrapper]
[builder-module-block]


For Example:

Output (IDs are examples) Description More info
[BODY] #ID #builder-layout-51d70c106ac69 Targets the specific Layout body where ID# is 51d70c106ac69 Layout ID (Body)
[builder-container-background-wrapper] .builder-container-background-wrapper
[builder-container-outer-wrapper] .builder-container-outer-wrapper
[builder-container] #ID builder-container-51d70c106ac69
[builder-module-backgroud-wrapper] .builder-container-background-wrapper
[builder-module-outer-wrapper] .builder-container-background-wrapper
[builder-module] #ID .builder-container-background-wrapper
[builder-module-block-outer-wrapper] Targets every module's outer wrapper
[builder-module-block] Targets only the navigation modules

For Individual Modules


← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox