Builder Style Manager: Scope and Limitations
(16 intermediate revisions by one user not shown) | |||
Line 1: | Line 1: | ||
− | + | While Style Manager aims to provide basic styling changes to your Builder theme, the presence of Style Manager does not mean that one can escape writing custom CSS code. Style Manager can be used to set styles for some elements, but it is not an extensive tool that covers each and every element on a webpage. | |
− | + | <br /> | |
+ | =Style Manager & Custom CSS= | ||
− | In some cases, even when an option to style a particular element seems to be present in Style Manager it might not actually work because the child theme's style.css overrides it. | + | In some cases, even when an option to style a particular element seems to be present in Style Manager, it might not actually work '''because the child theme's style.css overrides it'''. Some child themes have specific styling for some of the options provided by Style Manager, so your styles will be overridden. |
+ | To combat this, the '''CSS Preview''' code generated by Style Manager can be copied and added to the end of your child theme's style.css. | ||
+ | |||
+ | <br/> | ||
− | + | [[File:Css-preview.png|800px|link=]] | |
− | It is not possible to apply one set of styles to | + | <br /> |
+ | |||
+ | ==Builder CSS Resources== | ||
+ | |||
+ | Ultimately, a knowledge of CSS will help you fully style all elements of your Builder site. Here are a few helpful links and resources: | ||
+ | |||
+ | * [[CSS_Introduction|CSS Introduction]] | ||
+ | * [[Builder_CSS:_Tutorial_Videos| Builder CSS Tutorial Videos]] | ||
+ | * [[Builder_CSS:_Viewing_Page_Source|Viewing Page Source]] | ||
+ | * [[Builder_CSS:_Basic_Structure|Builder CSS: Basic Structure]] | ||
+ | * [[Builder_CSS:_Classes_and_IDs| Classes & IDs: Overview]] | ||
+ | * [[Builder_CSS:_Theme_CSS_Outline|Theme CSS Outline]] | ||
+ | *[http://ithemes.com/forum/topic/1768-using-firebug-to-inspect-elements-and-getting-the-css-to-adjust-positioning-background-colors-etc/ How to use Firebug to style various elements] | ||
+ | |||
+ | =Style Manager Global Styles= | ||
+ | |||
+ | It is not possible to apply one set of styles to a specific module or individual widgets of a module that are different from other modules of the same type. | ||
+ | |||
+ | For example, you will not be able to apply a blue background to just one widget bar module while the rest of them have been set to a red background via Style Manager. | ||
+ | |||
+ | For such changes, style.css has to be edited manually. Visit the Builder CSS Section for more information. | ||
+ | |||
+ | =See also= | ||
+ | |||
+ | * [[Builder_Style_Manager:_Introduction| Introduction]] | ||
+ | * [[Builder_Style_Manager:_Video_Overview| Builder Style Manager Video Overview]] | ||
+ | * [[Builder_Style_Manager:_Creating_Styles| Creating Styles]] | ||
+ | * [[Builder_Style_Manager:_Scope_and_Limitations| Scope/Limitations]] | ||
+ | * [[Builder_Style_Manager:_FAQ| FAQ]] | ||
+ | |||
+ | <br /> | ||
+ | [[:Builder|← Back to Builder Codex Home]] |
Latest revision as of 17:14, August 2, 2013
While Style Manager aims to provide basic styling changes to your Builder theme, the presence of Style Manager does not mean that one can escape writing custom CSS code. Style Manager can be used to set styles for some elements, but it is not an extensive tool that covers each and every element on a webpage.
Contents |
Style Manager & Custom CSS
In some cases, even when an option to style a particular element seems to be present in Style Manager, it might not actually work because the child theme's style.css overrides it. Some child themes have specific styling for some of the options provided by Style Manager, so your styles will be overridden.
To combat this, the CSS Preview code generated by Style Manager can be copied and added to the end of your child theme's style.css.
Builder CSS Resources
Ultimately, a knowledge of CSS will help you fully style all elements of your Builder site. Here are a few helpful links and resources:
- CSS Introduction
- Builder CSS Tutorial Videos
- Viewing Page Source
- Builder CSS: Basic Structure
- Classes & IDs: Overview
- Theme CSS Outline
- How to use Firebug to style various elements
Style Manager Global Styles
It is not possible to apply one set of styles to a specific module or individual widgets of a module that are different from other modules of the same type.
For example, you will not be able to apply a blue background to just one widget bar module while the rest of them have been set to a red background via Style Manager.
For such changes, style.css has to be edited manually. Visit the Builder CSS Section for more information.
See also
- Introduction
- Builder Style Manager Video Overview
- Creating Styles
- Scope/Limitations
- FAQ