Builder CSS: Basic Structure

(Difference between revisions)
Jump to: navigation, search
Line 55: Line 55:
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
! !! Output !! Description
+
! !! Output !! Description !!
 
|-
 
|-
| '''[BODY] #ID''' || #builder-layout-51d70c106ac69 || Targets the individual layout.
+
| '''[BODY] #ID''' || #builder-layout-51d70c106ac69 || Targets the individual layout.  
 
|-
 
|-
|[builder-container-background-wrapper] || .builder-container-background-wrapper ||  
+
|'''[builder-container-background-wrapper]''' || .builder-container-background-wrapper ||  
 
|-
 
|-
 +
|'''[builder-container-background-wrapper]''' || .builder-container-background-wrapper ||
 +
|-
 +
|'''[builder-container-background-wrapper]''' || .builder-container-background-wrapper ||
 +
|-
 +
|'''[builder-container-background-wrapper]''' || .builder-container-background-wrapper ||
 +
|-
 +
|'''[builder-container-background-wrapper]''' || .builder-container-background-wrapper ||
 +
|-
 +
|'''[builder-container-background-wrapper]''' || .builder-container-background-wrapper ||
 +
|-
 +
 
| '''.builder-module-outer-wrapper''' || Targets every module's outer wrapper ||
 
| '''.builder-module-outer-wrapper''' || Targets every module's outer wrapper ||
 
|-
 
|-

Revision as of 14:36, July 18, 2013

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 Description
[BODY] #ID #builder-layout-51d70c106ac69 Targets the individual layout.
[builder-container-background-wrapper] .builder-container-background-wrapper
[builder-container-background-wrapper] .builder-container-background-wrapper
[builder-container-background-wrapper] .builder-container-background-wrapper
[builder-container-background-wrapper] .builder-container-background-wrapper
[builder-container-background-wrapper] .builder-container-background-wrapper
[builder-container-background-wrapper] .builder-container-background-wrapper
.builder-module-outer-wrapper Targets every module's outer wrapper
.builder-module-navigation-outer-wrapper Targets only the navigation modules

For Individual Modules


← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox