Special Features

Good Gallery's Text Editor and site configuration include several advanced features for experienced users and developers.

Contextual Help

Contextual help refers to clarifications, instructions, or information located near a task or tool.

Some contextual help is always visible in Good Gallery. You will find it in administrative page headings, near each setting, and in some field labels. Additional contextual help is also available by clicking on the help symbol displayed alongside buttons and form fields.

In most cases, the contextual help information exactly matches information in the Manual. In other situations, contextual help may only include partial information about a tool or feature while the Manual provides detailed or complete information. In yet other scenarios, contextual help may be the only source of information for some tools, features, or buttons.

Custom CSS

Cascading Style Sheets (CSS) is a simple programming language that defines the appearance and behavior of website content. CSS adds advanced formatting functionality to HTML.

CSS allows developers and website owners to control content formatting centrally. This means that when CSS formatting changes, all content where that CSS applies is also changed across the entire website.

To add Custom CSS to Good Gallery:

1. Sign in to your Good Gallery administrator account.
2. Hover your cursor over the Site menu.
3. Under the Your Settings menu heading, choose Site Options.
4. Select the Custom CSS setting.
5. Provide the appropriate CSS.
6. Click the Save Changes button.

Class Names

Although many HTML elements respond to standard class definitions, some elements in Good Gallery may require additional identification before a style is applied.

Here is a list of common HTML elements and their corresponding class names:

Examples

Here are Custom CSS examples that modify the appearance of HTML elements.

Hypertext Links:

/* unvisited link - BLACK */
.GGTextContent a:link { color: #000000; }
/* visited link - GRAY */
.GGTextContent a:visited { color: #bcbcbc; }
/* mouse over link - RED */
.GGTextContent a:hover { color: red; }

Horizontal Rule:

/* horizontal rule - GRAY with PADDING */
.GGTextContent hr {
  color: #bcbcbc;
  background-color: #bcbcbc;
  height: 1px;
  border: none;
  margin-top: 10px;
  margin-bottom: 10px;
}

Form Success Message:

/* gray box - white text */
.GGForm .success {
  background-color: gray !important;
  color: white !important;
}

CSS / HTML Support

CSS and HTML are powerful programming tools. Modifications to CSS and HTML can sometimes yield unexpected results.

Errors present in the Custom CSS setting or in other content areas including Page Content, Image Content, Header content, Footer Content, or the Text Area Footer Info setting can cause Good Gallery websites to not function as expected.

Note: The Good Gallery support team is unable to provide support for custom CSS. For additional assistance, there are websites and online forums that provide CSS information and HTML tutorials. Two websites to review are W3Schools and Stack Overflow.

Custom HTML

You can customize your website's appearance using Settings. Further modifications are possible using custom HTML.

Note: Custom HTML design assistance is not included with your standard support. If you need help with custom HTML, websites and online forums offer educational resources. Two websites that include HTML help are W3Schools and the Stack Overflow forum. As an additional alternative, you can contact freelance HTML programmers.

Orphaned HTML

When you modify or remove content, depending on how content was modified and the content removal methods, orphaned HTML may be left behind.

Orphaned HTML can cause:

• Unexpected browser behavior
• Affected global settings
• Undesired formatting
• Blank spaces

Warning: Never change global text characteristics (like headings or entire paragraphs) using the Font Family, Font Size, or Colors tools in the Text Editor. Instead, those text changes should be managed with Good Gallery's Typography settings. If the Text Editor tools are used in ways that are not recommended, content changes using some Text Editor tools can leave orphaned HTML.

In some cases, orphaned HTML must be removed using the Code View tool in the Text Editor.

To remove orphaned HTML:

1. Sign in to your Good Gallery administrator account.
2. Hover your cursor over the Pages menu.
3. Under the Your Pages menu heading, select the appropriate page.
4. In the Content area, click Code View on the Text Editor toolbar.
5. Remove unnecessary HTML.
6. Click the Save Changes button.