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.

Follow these steps 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 Box

/* 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.