Background Images / Video

When you navigate into the Visual Theme tool, you’ll notice a section header titled, “Images”. Contained in this section are six options with an “Attach File” button. What we’re looking for under this header are the options titled “Inner Background” and “Outer Background”. These options will allow you to attach an image or video file. 

Attaching a file under the Inner Background option will apply a background to pages that are located inside your site, or in other words, anywhere seen after logging in. Attaching a file under the Outer Background option will apply a background to the login page or any other publicly accessible pages which do not require a login. You may notice some pixel sizes in a dark grey box under each option. These are suggested heights/widths that we’ve taken the time to test out. We recommend you use these for the best results!

Create Theme:

From the Community Homepage:

  1. Click the Community Tools link in the left-hand menu.
  2. Click the Configuration link in the left-hand menu.
  3. Click the Visual Themes button in the Primary Configuration body area.
  4. Click the Add Visual Theme link at the bottom of the table.
  5. Enter desired Name and Layout, as well as associated files and color choices.
  6. Click the Submit button at the bottom of the page when satisfied.

You have successfully created a Custom Theme.

Color Selection

Within the Visual Theme tool there is a section labeled “Colors” where you’ll find five sections of the portal that you can customize with colors. These five sections are as follows:

  1. Site Header and Accents
  2. Page Title and Mod Posts
  3. Page Sections and List Table Group Rows
  4. Inner Pages
  5. Outer Pages
  6. Miscellaneous

With the exception of Miscellaneous, each of these sections are broken down into 3 options:

  1. Background
  2. Foreground
  3. Link

To set a color simply click into the box next to the # sign and choose a color. You can also paste a specific six digit hex code to get accurate coloring that may be specific to your brand. Leaving a box empty will result in the “default” color for that section designed by Centercode.

If you’re unsure what each section means in terms of the portal and how it will be affected by a certain color, try out the Preview button located at the bottom of the page. Doing so will allow you to test out the look of your Visual Theme before setting it for your entire portal.

Custom CSS

The purpose of this box is to give our customers the option to customize their sites beyond what is offered in the Visual Theme tool. However, please keep in mind that any custom CSS that is entered into your portal cannot be directly supported by Centercode, so please use it with careful consideration. To utilize this feature, simply copy/paste your custom CSS into the box and hit Submit.

The Preview button will not show any Custom CSS changes. If you’d like to see these changes you’ll need to hit the submit button and see them live. Not to worry though, you can always go back into the tool to delete anything that you do not like.

Modify Theme:

From the Community Homepage:

  1. Click the Community Tools link in the left-hand menu.
  2. Click the Configuration link in the left-hand menu.
  3. Click the Visual Themes button in the Primary Configuration body area.
  4. Click the table cell of the desired Theme.
  5. Make any desired changes to the Theme.
  6. Click the Submit button at the bottom of the page to confirm.

You have successfully modified a Custom Theme.

Remove Theme:

From the Community Homepage:

  1. Click the Community Tools link in the left-hand menu.
  2. Click the Configuration link in the left hand-menu.
  3. Click the Visual Themes button in the Primary Configuration body area.
  4. Hover over the table cell of the desired Theme and click the X icon to the right.
  5. Click the Yes, Delete this item link to confirm the removal.

You have successfully removed a Custom Theme.

Requirements

  • Manage Community Role

Notes:

  • You are free to utilize the Custom CSS field to your liking. However, please remember that any custom CSS input into your portal is not directly supported by Centercode.
  • Checking the “Set Community Theme to this Theme Now” option will set the current theme you’re working on as your Community Theme when you hit Submit.
  • Utilizing the Report PDF Logo will display your logo on any reports you create throughout your portal. For best results, ensure your logo is visible against a white background.
  • When uploading a Favicon, we recommend that you use a single .ico formatted file. You can utilize this (third-party) site to convert most file types into an .ico file.
Did this answer your question?