The '''Builder Style Manager - BETA''' is a plugin for iThemes Builder that provides an easy-to-use interface to adjust basic styling of various site elements.

+

The '''Builder Style Manager - BETA''' is a plugin for iThemes Builder that provides an easy-to-use interface to adjust basic styling of various site elements. Style Manger generates the CSS code and gives a preview of changes in real time to easily assign colors, change fonts, add borders or change spacing specifications for various site components.

−

Style Manger generates the CSS code and gives a preview of changes in real time to easily assign colors, change fonts, add borders or change spacing specifications for various site components including:

+

<br />

−

Background

+

=Available Options=

−

Site Font

+

−

Links

+

Styling options available in Style Manager include:

−

Headings

+

−

Comments

+

* '''Site Background''' - Modify the main site background with a background color, image, attachement, repeat and positioning.

−

Basic Module

+

*'''Site Font''' - Modify the base font on the site by choosing the font family, size and color.

*'''Header Module''' - These options control the styling of the Header Module.

+

*'''Content Module''' - These options control the styling of the Content Module. The post and page content can be styled in the Post/Page Content Styling section. Comments can be styled in the Comments Styling section.

*'''Image Module''' - These options control the styling of the Image Module.

+

*'''Widget Bar Module''' - These options style the Widget Bar module container that holds all the widget areas, the Widgets and Widget titles

+

*'''HTML Module''' - These options control the styling of the HTML Module.

+

*'''Footer Module''' - These options control the styling of the Footer Module.

+

+

=Style Manager Formats: Responsive vs. Non-Responsive=

+

+

Style Manager supports two different formats: a format for the newer, responsive-ready child themes and a format for the older, non-responsive child themes. These formats are not compatible with one another, meaning that you will only have access to the Styles that are usable by your current child theme.

+

+

If you are running a responsive-ready child theme, a notice will appear after installing Style Manager with a list of Styles created in this format. Any Styles in the other format still exist and can still be used if you switch back to a non-responsive child theme.

+

+

<br />

+

+

[[File:stylemanager-notice.png|800px|link=]]

+

+

<br />

=Installation=

=Installation=

Line 34:

Line 52:

<br />

<br />

+

=Stylesheet Location=

−

=Style Manager Formats=

+

Saved Style Manager stylesheets are located in <code>wp-content/uploads/builder-style-manager/home.css</code>.

−

+

−

Style Manager supports two different formats: a format for the newer, responsive-ready child themes and a format for the older, non-responsive child themes. These formats are not compatible with one another, meaning that you will only have access to the Styles that are usable by your current child theme.

+

−

+

−

If you are running a responsive-ready child theme, a notice will appear after installing Style Manager with a list of Styles created in this format. Any Styles in the other format still exist and can still be used if you switch back to a non-responsive child theme.

Revision as of 14:29, July 29, 2013

The Builder Style Manager - BETA is a plugin for iThemes Builder that provides an easy-to-use interface to adjust basic styling of various site elements. Style Manger generates the CSS code and gives a preview of changes in real time to easily assign colors, change fonts, add borders or change spacing specifications for various site components.

Header Module - These options control the styling of the Header Module.

Content Module - These options control the styling of the Content Module. The post and page content can be styled in the Post/Page Content Styling section. Comments can be styled in the Comments Styling section.

Widget Bar Module - These options style the Widget Bar module container that holds all the widget areas, the Widgets and Widget titles

HTML Module - These options control the styling of the HTML Module.

Footer Module - These options control the styling of the Footer Module.

Style Manager Formats: Responsive vs. Non-Responsive

Style Manager supports two different formats: a format for the newer, responsive-ready child themes and a format for the older, non-responsive child themes. These formats are not compatible with one another, meaning that you will only have access to the Styles that are usable by your current child theme.

If you are running a responsive-ready child theme, a notice will appear after installing Style Manager with a list of Styles created in this format. Any Styles in the other format still exist and can still be used if you switch back to a non-responsive child theme.