Admin accounts must have the Body Editor admin role permission checked to access this tool.
The Body Editor, located in Admin Panel > Site Building Tools, provides quick styling options for many areas of the platform. Settings configured using this tool will override any conflicting styles added in the CSS editor.
There are two primary tabs: Themer and Advanced Options. Both tabs contain sections that offer additional functionality to customize your event portal so it matches the look and feel of your organization and the event branding.
Jump to Section:
• Themer
- Themes
- Colors
- Fonts
- Styles
Tip: Remember to click Save on the configuration page before exiting to view your customizations.
Themer
Sections in the Themer tab allow you to quickly customize and enhance the look, feel, and style of your event portal. Here you can manage site colors, modify the font type and color, the link color, and make additional site styling customizations.
Themes
The Themes tab displays nine unique preset color schemes to select from.
Here, you can pick an out-of-the-box color scheme then click Save and navigate to the front end of the site to view the changes.
Colors
In the Colors section, you can input specific hex-color codes to create a more customized color scheme that better matches your organization and event branding.
Tip: Click the square to the right of the hex-color field to expand and use the color picker.
Fonts
The Fonts section lets you specify the font type and color displayed throughout your Event Portal.
If your desired font is not available, you can select a custom Google font option by clicking Custom Font at the bottom of the Fonts dropdown menu.
Styles
Customize additional styling options including rounding, spacing, and borders displayed throughout your Event Portal.
Mix and match your configurations to create an appearance that is unique to your event!
Advanced Options
The Advanced Options tab contains additional fields, like header color for page modules, that allow you to further tailor the appearance of your site.
Review the following table for more details about the actions you can perform in each section:
Name |
Description |
Body |
Define the default page title colors, title text justification, and background colors. |
Boxes |
Customize the border, header, title, and other visual details regarding page editor blocks that appear on each page. |
Forms |
Modify the appearance of field labels, colors, and text located on category forms created in the Forms Manager. |
Sections |
Set default colors associated with the background, border, legend title, and legend background of field sections on the edit profile form. |
Tables |
Set default colors for the header background, the Row 1 background, the Row 2 backgrounds, and the row separator. |
Tabs |
Set default colors associated with the active and inactive tab background, text, and hover colors that appear on category forms created in the Forms Manager. |
Paginator |
Customize the background, element, and text color for page editor blocks that have pagination enabled. |