Color and style settings for Business Casual themes
From the Colors and styles screen, you can change the colors and fonts of elements that appear throughout your site. Settings for different elements are grouped into categories. The categories vary depending on the website theme you have chosen.
Some elements on your site can be controlled by more than one setting. For example, a heading formatted using the H4 style that's also a link can be controlled using either the Global settings > H4 setting or the Global settings > Link setting. Global settings apply throughout your website but can be superseded by more localized settings. For example, your Global setting > Link settings can be overridden for breadcrumbs by your Login box > Link settings.
You can modify the following elements for Business Casual themes.
Header
| Element |
Controls... |
Height
|
Height (in pixels) of the page header. You can enter a value between 30 and 194. |
Global settings
| Element |
Controls... |
Text
|
Appearance of body text and text labels throughout your site, including page footer text and text links. It does not affect topic headings, menu headings, or art text.
|
| Link |
Appearance of text links and menu items, but not the active menu item name. You can also control the appearance of menu items (including active menu items) using the Menu settings below.
The Link setting will supercede the Text setting above for text links. |
| Link on hover |
Appearance of the text links when a mouse pointer hovers over them.
|
| H1 |
Appearance of headings formatted using the H1 style. These headings appear in HTML code within <h1> tags and can be applied using the Text style drop-down when editing a page. If a page title uses an <H1> tag, the Web pages content > Page title setting will take precedence over the H1 settings.
Example: page titles |
| H1 Alternative |
Appearance of headings formatted using the H1 Alternative style. These headings appear in HTML code within <h1 class="contStyleExcHeadingColored"> tags. |
| H2 |
Appearance of headings formatted using the H2 style. These headings appear in HTML code within <h1> tags. |
| H2 Alternative |
Appearance of headings formatted using the H2 Alternative style. These headings appear in HTML code within <h2 class="contStyleExcHeadingColored"> tags. |
| H3 |
Appearance of headings formatted using the H3 style. These headings appear in HTML code within <h3> tags.
Examples: various form headings including Upcoming events heading on events calendar, Select membership level heading on membership application page, Captcha Security check heading
|
| H3 Alternative |
Appearance of headings formatted using the H3 Alternative style. These headings appear in HTML code within <h3 class="contStyleExcHeadingColored"> tags. |
| H4 |
Appearance of headings formatted using the H4 style. These headings appear in HTML code within <h4> tags.
Examples: blog entry titles, headings for forum posts, column headings on forum summary, Registration heading on event details page
|
| H4 Alternative |
Appearance of headings formatted using the H4 Alternative style. These headings appear in HTML code within <h4 class="contStyleExcHeadingColored"> tags. |
| Text alt color 1 |
Appearance of text formatted using the Alt color 1 style. The text will appear in the HTML code within <span class="contStyleExcInlineColored1"> tags. |
| Text alt color 2 |
Appearance of text formatted using the Alt color 2 style. The text will appear in the HTML code within <span class="contStyleExcInlineColored2"> tags. |
| Text alt highlighted |
Appearance of text formatted using the Alt highlighted style. The text will appear in the HTML code within <span class="contStyleExcInlineHighlighted"> tags. |
Web pages content
| Category |
Element |
Controls... |
| |
Background color
|
Background color for all your web pages. |
| |
Page title
|
Appearance of page titles. If the page titles uses an <H1> tag, its appearance can also be affected by the Global settings > H1 settings, though where they conflict, the Page title setting takes precedence. |
| Form |
Labels |
Appearance of field labels on forms such as event registration, email subscription, and membership application. If you do not specify settings here, the Global settings > Text settings (above) will be applied to form labels. |
| |
Option title |
Appearance of text labels for radio buttons or check boxes on forms. |
| |
Caption |
Appearance of headings on member details and member profile screens.
|
| |
Field explanation |
Appearance of field instructions added to form fields. |
| Table |
|
Appearance of tables used by functional pages to display database information. These settings do not control the appearance of tables you insert into content pages.
Example: member directory |
| |
Header |
Appearance of the column headings at the top of the table. |
| |
Table row |
Appearance of rows within the table |
| |
Table row on hover |
Background color of a row when a mouse pointer hovers over it. |
| |
Table links |
Font color of text links within the table. |
| |
Table links on hover
|
Font color of text links within the table when a mouse pointer hovers over them. |
Info box
|
|
Appearance of the areas used to list information from your database.
Examples: upcoming events, event details, forum topics and messages |
| |
Links |
Font color of text links within the info box. |
| |
Links on hover |
Font color of text links within the info box when a mouse pointer hovers over them. |
| |
Header |
Appearance of headings at the top of each info box. |
| |
Header on hover |
Font color of text links with the info box heading when a mouse pointer hovers over them. |
Menu
| Element |
Controls... |
| Item |
Appearance of menu items, both active and inactive. You can separately control the font color and background color of active menu items using the Active item setting below.
|
| Item on hover |
Font color and background color of inactive menu items when the mouse pointer hovers over them. |
| Active item |
Font color and background color of active menu items. |
Login box
These are not the login fields that appear on the login page, but rather the ones that can appear in place of a login link. For more information, see Enabling login boxes in Business Casual themes.
| Element |
Controls... |
Input fields
|
Appearance of the login fields used to enter the username and password.
|
| Text |
Appearance of the text labels that accompany the login fields. If you do not specify settings here, the Global settings > Text settings (above) will be applied to the login box text labels.
Examples: the Remember me checkbox label, the name of the logged in member |
| Links |
Appearance of the text links that accompany the login fields. If you do not specify settings here, the Global settings > Link settings (above) will be applied to login box links.
Example: the Forgot password link |
| Links on hover |
Appearance of the login links when a mouse pointer hovers over them. If you do not specify settings here, the Global settings > Link on hover settings (above) will be applied to login box links. |
Breadcrumbs
| Element |
Controls... |
| General |
Appearance of the breadcrumbs that show your current location within a set of subpages. If you do not specify settings here, the Global settings > Text settings (above) will be applied to the breadcrumbs. |
| Link |
Color of the links within the breadcrumbs. If you do not specify settings here, the Global settings > Link settings (above) will be applied to the breadcrumb links. |
| Link on hover |
Color of the breadcrumb links when a mouse pointer hovers over them. If you do not specify settings here, the Global settings > Link on hover settings (above) will be applied to the breadcrumb links. |
| Current page |
Color of the current page within the breadcrumbs. |
See also
Home
