Difference between revisions of "Builder CSS: Basic Structure"

From iThemes Codex
Jump to: navigation, search
(The Header Module)
(The Header Module)
Line 131: Line 131:
<br />
===The Navigation Module===
===The Navigation Module===

Revision as of 21:26, 18 July 2013


Background Wrapper

Outer Wrapper




Builder's Construction of CSS Wrappers

The following is a basic outline of Builder's construction of CSS wrappers. For individual module construction, see the Individual Module section below.

[builder-container] #ID
[builder-module] #ID

For Example:

Output (IDs are examples)
[BODY] #ID #builder-layout-51d70c106ac69
[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-module-background-wrapper
[builder-module-outer-wrapper] .builder-module-outer-wrapper
[builder-module] #ID #builder-module-51d70c106ab33
[builder-module-block-outer-wrapper] .builder-module-block-outer-wrapper
[builder-module-block] .builder-module-block

For Individual Modules

The Header Module

[builder-module-background-wrapper] ID#
[builder-module-outer-wrapper] ID#
[builder-module] ID#

The Navigation Module

The Content Module

The Widget Bar Module

The Image Module

The Footer Module

The HTML Module

← Back to Builder Codex Home