Difference between revisions of "Builder CSS: Basic Structure"

From iThemes Codex
Jump to: navigation, search
(Builder's Construction of CSS Wrappers)
Line 88: Line 88:
<br />
<br />
= See also =
* [[CSS_Introduction|CSS Introduction]]
* [[Builder_CSS:_Tutorial_Videos| Tutorial Videos]]
* [[Builder_CSS:_Basic_Structure|Basic Structure]]
* [[Builder_CSS:_Viewing_Page_Source|Viewing Page Source]]
* [[Builder_CSS:_Classes_and_IDs| Classes & IDs: Overview]]
* [[Builder_CSS:_Theme_CSS_Outline|Theme CSS Outline]]
<br />
<br />
[[:Builder_Test|← Back to Builder Codex Home]]
[[:Builder|← Back to Builder Codex Home]]

Revision as of 21:23, 29 July 2013

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

Using Firefox 3D View

To see a 3-dimensional view of the Module classes and IDs that compose a page, use Firefox and Inspect Element. Click the 3D View icon.


See also

← Back to Builder Codex Home