Builder Content Module

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
 
Line 9: Line 9:
 
<br />
 
<br />
  
[[File:Add-Image-Module.png|800px|link=]]
+
[[File:add-content-module.png|800px|link=]]
  
 
<br />
 
<br />
  
==Image Module Settings==
+
==Content Module Settings==
  
Once the Image Module has been selected and added to the Layout, the '''Modify Image Module Settings''' box will appear. Customize the settings of the Image Module by selecting from the following options.
+
Once the Content Module has been selected and added to the Layout, the '''Modify Content Module Settings''' box will appear. Customize the settings of the Content Module by selecting from the following options.
  
 
<br />
 
<br />
  
[[File:Image-Module-Settings.png|800px|link=]]
+
[[File:Content-module-settings.png|800px|link=]]
  
 
<br />
 
<br />
  
'''Available Image Module settings include:'''
+
'''Available Content Module settings include:'''
  
*'''Name''' - To help identify widget locations
+
*'''Name''' - For widget identification purposes
*'''Upload Image''' - Choose the location of your image file
+
*'''Sidebars''' - Widget areas to the left, right or on both sides of the content module
*'''Height''' - “Automatic,” “Use a height that preserves the image’s aspect ratio” or “Manual, select a height manually” (to set your own image height)
+
*'''Sidebar Widths''' - “Narrow,” “Standard,” “Wide” or a custom width in pixels
*'''Link URL''' - Where the image will link
+
*'''Sidebars''' - Widget areas to the left, right or on both sides of the image
+
 
*'''Style''' - **Varies by child theme** - If the active child theme (theme design) provides [[Builder_Modules:_Alternate_Module_Styles|Alternate Module Style]] options for this module, select the desired style.  
 
*'''Style''' - **Varies by child theme** - If the active child theme (theme design) provides [[Builder_Modules:_Alternate_Module_Styles|Alternate Module Style]] options for this module, select the desired style.  
  
 
<br />
 
<br />
  
Click the '''Save''' button to save the Navigation Module Settings. You'll now see the Navigation Module added to your Layout, denoting the type of navigation used by the Module.
+
Click the '''Save''' button to save the Content Module Settings. You'll now see the Content Module added to your Layout, denoting the configuration of sidebars (if applicable).
  
 
<br />
 
<br />
  
[[File:Image-Module-in-Layout.png|800px|link=]]
+
[[File:content-module-added.png|800px|link=]]
 
+
==Full Window and No Spacing Image Module Styles==
+
 
+
Some Builder 4.0 child themes now supports new '''Full Window''' and '''No Spacing''' Image Module Styles.
+
 
+
*'''Full Window''' Image Module Style - adds a full-width image to the Layout
+
*'''No Spacing''' Image Module Style - inserts an image without padding
+
  
  
 
==Generic CSS Class==
 
==Generic CSS Class==
  
<code>.builder-module-image</code>
+
<code>.builder-module-content</code>
  
 
==See also==
 
==See also==

Latest revision as of 11:33, July 24, 2013

The Content Module adds a place for post or page content to render. Most Layouts will have this module.


Contents

Adding an Image Module

To add a Content Module to your Layout, click Add Module and select the Content Module from the list of available Modules.


Add-content-module.png


Content Module Settings

Once the Content Module has been selected and added to the Layout, the Modify Content Module Settings box will appear. Customize the settings of the Content Module by selecting from the following options.


Content-module-settings.png


Available Content Module settings include:

  • Name - For widget identification purposes
  • Sidebars - Widget areas to the left, right or on both sides of the content module
  • Sidebar Widths - “Narrow,” “Standard,” “Wide” or a custom width in pixels
  • Style - **Varies by child theme** - If the active child theme (theme design) provides Alternate Module Style options for this module, select the desired style.


Click the Save button to save the Content Module Settings. You'll now see the Content Module added to your Layout, denoting the configuration of sidebars (if applicable).


Content-module-added.png


Generic CSS Class

.builder-module-content

See also



← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox