Home

Download this help site
(PDF 80MB)

Download

Colors and styles settings by gadget

You can change the colors, text styles, and backgrounds used in your website from the Colors and styles screen .

Icon

For more advanced fine-tuning, you can use CSS customization and theme overrides.

Different website themes use different colors and styles settings. For a complete description of categories and elements for different themes, click here.

For a description of colors and styles settings by gadget, see below. Remember that changing colors and styles can affect multiple gadgets that use the same setting. 

Blog gadgets

Colors and styles settings for blog gadgets

For blog gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Blog post title

Title
H4
Link

Gadgets or Gadget styles (Blueprint, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, and White Space themes
General formatting or Typography

Blog post authorAuthor
Link

Blog (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Whiteboard, and White Space themes)
General formatting or Typography

Blog post date and timeDate and timeBlog (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Whiteboard, and White Space themes)
Blog post content

Text/Normal

General formatting or Typography

Add post, Post, Add Comment, Cancel buttonsNormal/Hover(Clean Lines, Dark Impact, Fiesta, White Space themes) Functional buttons
Read more, Comment, Edit, Delete links

Links
Text/Normal
Link

Blog (Building Blocks, Firma, Terra, Tinted Tiles themes)
General formatting or Typography

Icons used on mobile versionIconsBlog (Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Skyline, Terra, and White Space themes)
 

Colors and styles settings for recent blog post gadgets

For recent blog posts gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Gadget titleTitle 
H4
Gadgets/Gadget styles (Blueprint, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, and White Space themes)
General formatting or Typography 
Blog title/link

Text/Normal
Link

General formatting or Typography
Author

Author

Blog (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Whiteboard, and White Space themes)
Gadgets/Gadget styles (for Blueprint, Homestead themes)

Blog dateDate and time 

Blog (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma,  Homestead, Showcase, Skyline, Terra, Tinted Tiles, Whiteboard, and White Space themes)
Gadgets/Gadget styles (for Blueprint, Homestead themes)

Donation gadgets

Colors and styles settings for donation form gadgets

For donation form gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

"Donations"

Text/Normal
H3
Form instructions

General formatting or Typography

General formatting > Form (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Whiteboard, White Space only)
"Mandatory fields"Text/Normal
Form instructions
General formatting or Typography
General formatting > Form (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Whiteboard, White Space only)
Labels

Text/Normal
Labels 

General formatting or Typography
General formatting > Form

Options

Text/Normal
Option title

General formatting or Typography
General formatting > Form

Pay, Cancel buttonsNormal/HoverFunctional buttons (Clean Lines, Dark Impact, Fiesta, White Space themes)

Colors and styles settings for donation goal gadgets

For donation goal gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Gadget title

H4
Title

General formatting or Typography
Gadgets/Gadget styles (Blueprint, Fiesta, Firma, Homestead, Showcase, Skyline, and Terra themes)
Gadget backgroundBackgroundGadgets (Showcase, Skyline themes)
Progress bar fill colorDonation barGadgets/Gadget styles (Blueprint, Fiesta, Homestead, and Skyline themes)
Donation goal (Building Blocks, Clean Lines, Dark Impact, Firma, Showcase, Terra, Tinted Tiles, White Space themes)
Progress bar backgroundDonation bar (back)groundGadgets/Gadget styles (Blueprint, Fiesta, Homestead, Skyline themes)
Donation goal (Building Blocks, Clean Lines, Dark Impact, Firma, Showcase, Terra, Tinted Tiles, White Space themes)
Progress bar outlineDonation bar border colorDonation goal (Building Blocks, Firma, Showcase, Terra, Tinted Tiles)
Progress bar percentageDonation bar percentageDonation goal (Building Blocks, Firma, Showcase, Terra, Tinted Tiles)
"Goal, "Collected" labelsDonation labels
Text/Normal 
Gadgets (Homestead, Skyline themes)
General formatting or Typography (all other themes)
"Goal" value

Donation labels
Donation goal
Text/Normal 

Donation goal (Building Blocks, Firma, Terra, Tinted Tiles)
Gadgets (Homestead, Skyline themes)
General formatting or Typography (all other themes)
"Collected value"Donation labels
Donation collected
Text/Normal 
Donation goal (Building Blocks, Firma, Showcase, Terra, Tinted Tiles)
Gadgets (Homestead, Skyline themes)
General formatting or Typography (all other themes)
DescriptionDonation description
Text/Normal 
Gadgets (Homestead, Skyline themes), Donation goal (Building Blocks, Firma, Showcase, Terra, Tinted Tiles)
General formatting or Typography (all other themes)
Donate buttonDonation button

Gadgets (Homestead, Skyline themes)
Donation goal (Building Blocks, Firma, Showcase, Terra, Tinted Tiles)

Event gadgets

Colors and styles settings for event calendar gadgets

For event calendar gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Section headings

H3
Event calendar title
Title

General formatting or Typography
Typography (Bookshelf, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Treehouse, Whiteboard, and White Space themes)
Event calendar (Building Blocks, Tinted Tiles themes

"Registration" on event details page

H4

General formatting or Typography

"Switch to Calendar/List View"

Text/Normal
Link

General formatting or Typography
Event name

H4
Link

General formatting or Typography
Event detailsText/NormalGeneral formatting or Typography
Event description

Text/Normal
Info box

General formatting or Typography
General formatting (for Blueprint, Business Casual, and Granite themes)

"Already registered", "Show details"

Text/Normal
Link
Info box

General formatting or Typography
General formatting or Typography
General formatting (for Blueprint, Business Casual, and Granite themes)

Background color of event detail area

Colored box >> Info box

General formatting (for Aurora, Glass, Keynote, Memo, Nature, and Notebook themes)

Background color of event registration form

Form >> Background color

General formatting (for Aurora, Glass, Keynote, Memo, Nature, and Notebook themes)

Register buttonNormal/HoverFunctional buttons (Clean Lines, Dark Impact, Fiesta, White Space themes)

Colors and styles settings for upcoming events gadgets

For upcoming events gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Gadget titleH4
Title 
General formatting or Typography
Gadgets or Gadget styles (Blueprint, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, and White Space themes)
Event name/link

Text/Normal
Link

General formatting or Typography

Date and location

Text/Normal
Location 

General formatting or Typography
Gadgets/Gadget styles (Blueprint, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, and White Space themes)
Typography (for Bookshelf themes

Forum gadgets

Colors and styles settings for discussion forum gadgets

For discussion forum gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

"Subscribe/Unsubscribe"

Text/Normal
Link

General formatting or Typography
Forum headings

Text/Normal
H4
Column/Forum headings 

General formatting or Typography

Forum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard and White Space themes)

Forum entries

Text/Normal
Link
Text 

General formatting or Typography

List (Blueprint themes

Table rows

Table row
Row

Forum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard and White Space themes)
List (Blueprint themes)

Links within tableTable links
Link 
Forum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard and White Space themes)
List (Blueprint themes)
Topic authorAuthorForum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard and White Space themes)
Topic date and timeDate and timeForum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard and White Space themes)
Create topic buttonNormal/HoverFunctional buttons (Clean Lines, Dark Impact, Fiesta, White Space themes)
Icons used on mobile versionIconsForum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Skyline, Terra, Tinted Tiles, Whiteboard and White Space themes)

Colors and styles settings for forum summary gadgets

For forum summary gadgets, you can modify the following elements from the Colors and styles screen: 

To change...

modify...

under...

Forum categoryForum categoryForum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Forum nameH5General formatting or Typography

Column headings

Column headings
H4

Forum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
General formatting or Typography

Summary textTextGeneral formatting or Typography
Summary linksLinksGeneral formatting or Typography

Table listing forum topics

Info box

General formatting (for Blueprint, Business Casual, and Granite themes)

Table rowsTable rowForum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Links within tableTable linksForum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Topic authorAuthorForum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Topic date and timeDate and timeForum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes only)
Icons used on mobile versioniconsForum (Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, and White Space themes)

Colors and styles settings for forum updates gadgets

For forum updates gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Gadget titleH4
Title 
General formatting or Typography
Gadgets or Gadget styles (Blueprint, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, and White Space themes)
Topic title/link

Text/Normal
Link

General formatting or Typography
Author

Text/Normal
Link
Author 

General formatting or Typography

Gadget styles (Blueprint themes)
Forum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes)

Update dateText/Normal
Date and time 

General formatting or Typography
Gadget styles (Blueprint themes)
Forum (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes)

Membership gadgets

Colors and styles settings for membership application gadgets

For membership application gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

"Select membership level"

Text/Normal
H3
Form instructions

General formatting or General formatting > Typography

General formatting > Form (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space only)

"Mandatory fields"Text/Normal

Form instructions

General formatting or General formatting > Typography
General formatting > Form (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space only)

"Membership level"

Text/Normal
Labels

General formatting or General formatting  > Typography
General formatting > Form

Level name

Text/Normal
Option title

General formatting or General formatting  > Typography
General formatting > Form

Level description

Text/Normal
Field explanation
Option title

General formatting or General formatting  > Typography
General formatting > Form

Next, Cancel buttonsNormal/HoverFunctional buttons (Clean Lines, Dark Impact, Fiesta, White Space themes)

Background color of form

Form >> Background color

General formatting (for Aurora, Glass, Keynote, Memo, Nature, and Notebook themes)

Colors and styles settings for member directory gadgets

For member directory gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Filter field nameText/NormalGeneral formatting or Typography
Filter field valuesText/Normal
Link
General formatting or Typography
"Advanced search/Simple search"Text/Normal
Link
General formatting or Typography
Search boxText/NormalGeneral formatting or Typography
Directory headings

Text/Normal (Blueprint, Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
Header (Business Casual, Fiesta, and Granite themes)
Column headings (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, White Space themes)

General formatting or Typography
Table 
Directory entriesText/Normal
Table row (Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
General formatting or Typography
Table
Public profile linksLink (General formatting or Typography)
Table row, Table links (except for Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
General formatting or Typography
Table
Advanced search labelsText (General formatting or Typography)
Label(s) (except for Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
Text (Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
General formatting or Typography
Form
Form
Advanced search valuesText/Normal (General formatting or Typography)
Option title (except for Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
Text (Nature, Memo, Glass, Keynote, Notebook, Aurora themes)
General formatting or Typography
Form
Form 

Colors and styles settings for featured member gadgets

For featured member gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Gadget titleH4
Title 
General formatting or Typography
Gadgets or Gadget styles (Blueprint, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, and White Space themes)
Member link

Member label
H4
Link

Featured member (Building Blocks, Tinted Tiles themes)
General formatting or Typography
Label 2Label 2
Text/Normal

Featured member (Building Blocks, Tinted Tiles themes)
General formatting or Typography

Label 3Label 3
Text/Normal
Featured member (Building Blocks, Tinted Tiles themes)
General formatting or Typography
Link to member directory

Link to member directory
Text/Normal
Link

Featured member (Building Blocks, Tinted Tiles themes)
General formatting or Typography

Colors and styles settings for subscription form gadgets

For subscription form gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

"Subscription form"Form instructions
H3
General formatting > Form (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Spaces themes)
General formatting or Typography
"Mandatory fields"Form instructions
Text/Normal
General formatting > Form (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Spaces themes)
General formatting or Typography
Labels

Text/Normal
Labels

General formatting or Typography
General formatting > Form

Back button

Text/Normal
Link

General formatting or Typography
Subscribe buttonNormal/HoverFunctional buttons (Clean Lines, Dark Impact, Fiesta, White Space themes)

Colors and styles settings for log in form gadgets

For log in form gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Gadget title

H4
Title 

General formatting or Typography
Gadgets or Gadget styles (Blueprint, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Terra, Treehouse, Skyline, and White Space themes)
"Email", "Password",

Text
Labels 

Login box
Log in gadgets

Email, password fieldsInput fieldLogin box or Log in gadgets
"Remember me"TextLogin box or Log in gadgets
"Forgot password"

Link(s)

Login box or Log in gadgets

Login buttonButton/Button styleLogin box/Log in gadgets (Bookshelf, Building Blocks, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, Tinted Tiles, Whiteboard, and White Space themes)

Navigational gadgets

Colors and styles settings for menu gadgets

For menu gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

For...

Top-level menu items

Main/Normal

Menu
Navigation gadgets >> Menu 

Blueprint, Clean Lines, Dark Impact, Fiesta, Showcase, Skyline, Treehouse, White Space themes
Firma, Terra themes 
Drop-down menu itemsDrop down

Menu
Navigation gadgets >> Menu 

Blueprint, Clean Lines, Dark Impact, Fiesta, Showcase, Showcase, Skyline, Treehouse, White Space themes
Firma, Terra themes  
Menus itemsItemMenuBusiness Casual, Granite themes
Active menu itemsActive itemMenuBusiness Casual, Granite themes

Colors and styles settings for breadcrumbs gadgets

For breadcrumb gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

For...

Typeface of items

General

Breadcrumbs
Navigation gadgets >> Breadcrumbs 

All themes except Aurora, Glass, Keynote, Memo, Nature, and Notebook
Firma, Terra themes 
Color of linksLink

Breadcrumbs
Navigation gadgets >> Breadcrumbs 

All themes except Aurora, Glass, Keynote, Memo, Nature, and Notebook
Firma, Terra themes 
Color of current pageCurrent pageBreadcrumbs
Navigation gadgets >> Breadcrumbs 
All themes except Aurora, Glass, Keynote, Memo, Nature, and Notebook
Firma, Terra themes 

Colors and styles settings for navigation links gadgets

For navigation links gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

For...

Font color of links

Link

Navigational links
Navigation gadgets >> Navigation links 

Blueprint, Bookshelf, Fiesta, Showcase, Skyline, Treehouse, Whiteboard themes
Firma, Terra themes 
Font color of links on hoverLink on hover

Navigational links
Navigation gadgets >> Navigation links 

Blueprint, Bookshelf, Fiesta, Showcase, Skyline, Treehouse, Whiteboard themes
Firma, Terra themes 

Colors and styles settings for site search gadgets

For site search gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Gadget title

H4
Title

Getting formatting or Typography
Gadgets or Gadget styles ( Blueprint, Fiesta, Firma, Showcase, Skyline, and Terra themes

Search promptTextGetting formatting or Typography

Colors and styles settings for sitemap gadgets

For sitemap gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

for...
FontsGeneralNavigation gadgets >> SitemapFirma, Showcase, Terra themes
ColorsLinkNavigation gadgets >> SitemapFirma, Showcase, Terra themes

Fonts and colors

Text or Link

General formatting or Typography

All other themes

Colors and styles settings for secondary menu gadgets

For secondary menu gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

For...

Appearance of menu items

General

Menu >> Secondary menu

Terra, Showcase, Firma themes
Appearance of menu items when hovered overHover

Menu >> Secondary menu

Terra, Showcase, Firma themes

Other gadgets

Colors and styles settings for photo album gadgets

For photo album gadgets, you can modify the following elements from the Colors and styles screen:

To change...

modify...

under...

Gadget title

H4
Title 

General formatting or Typography
Gadgets or Gadget styles (Blueprint, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Showcase, Skyline, Terra, and White Space themes)
Labels

Text/Normal

General formatting or Typography

Links

Text/Normal
Link 

General formatting or Typography

  • No labels
 
Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7