Builder Image Module

(Difference between revisions)
Jump to: navigation, search
Line 33: Line 33:
  
 
==Full Window and No Spacing Image Module Styles==
 
==Full Window and No Spacing Image Module Styles==
 +
 +
Builder 4.0 now supports new '''Full Window''' and '''No Spacing''' Image Module Styles.
  
 
<br />
 
<br />
Line 41: Line 43:
  
 
[[File:Image-Module-in-Layout.png|800px|link=]]
 
[[File:Image-Module-in-Layout.png|800px|link=]]
 
==Advanced Notes==
 
The Legacy Menu Types are present as a fallback in case you have not configured any menus in the Menu Editor. The Builder menu types can be configured in the Builder's Theme Settings. The WordPress Pages option uses WordPress' built-in <code>wp_list_pages</code> function to show a listing of all of your site's pages.
 
  
 
==CSS Class==
 
==CSS Class==
  
<code>.builder-module-navigation</code>
+
<code>.builder-module-image</code>
  
 
==See also==
 
==See also==

Revision as of 12:05, July 24, 2013

The Image Module can be used to add a static image to your Layout.


Contents

Adding an Image Module

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


Add-Image-Module.png


Image 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.


Image-Module-Settings.png


Available Image Module settings include:

  • Name - To help identify widget locations
  • Upload Image - Choose the location of your image file
  • Height - “Automatic,” “Use a height that preserves the image’s aspect ratio” or “Manual, select a height manually” (to set your own image height)
  • 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 Alternate Module Style options for this module, select the desired style.

Full Window and No Spacing Image Module Styles

Builder 4.0 now supports new Full Window and No Spacing Image Module Styles.


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.


Image-Module-in-Layout.png

CSS Class

.builder-module-image

See also



← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox