Theme Options
Click the button on the toolbar to open the Theme Options panel for quick configuration of the site's global layout and colors. The settings here apply to the entire site.
The panel provides Container and Color tabs, and More Options in the upper-right corner to jump to the full theme settings page. The Reset and Save buttons are at the bottom.
Difference from Page Options
Theme Options are the site-wide defaults. To configure a single page separately, use Page Options.
Container
Configure the global layout parameters of the page container, all of which support per-breakpoint settings:
| Breakpoint | Device |
|---|---|
| XS | Mobile |
| S | Small (≥ 576px) |
| M | Tablet (≥ 768px) |
| L | Desktop (≥ 992px) |
| XL | Large (≥ 1200px) |
| XXL | Extra large |
Container Width
The maximum width of the page container, default values per breakpoint:
| Breakpoint | XS | S | M | L | XL | XXL |
|---|---|---|---|---|---|---|
| Default | 100% | 540px | 760px | 960px | 1140px | 1200px |
Column Gap
The spacing between columns.
Section Top Spacing / Section Bottom Spacing
The top / bottom padding of each Section.
Breakpoint inheritance rule
Empty breakpoints inherit the value from the previous breakpoint, or use the default value.
Color
Configure the theme's global colors. All changes take effect in real time, what you see is what you get. Includes:
- Default Font Color
- Accent Color 1 ~ 4
- Button colors, link colors, etc.
Full color options
For the complete color fields and descriptions, see Theme Options — Content Style.
More Options
Click More Options in the upper-right corner to jump to the full Theme Options settings page, which provides global advanced configuration such as Layout, Design, Loading Style, Fixed Widget, Page Title, Breadcrumbs, Sidebar, Plugins, and Custom.
Bottom Buttons
| Button | Description |
|---|---|
| Reset | Restore all settings to defaults |
| Save | Save the current settings |
Reset is irreversible
Clicking Reset clears all custom configurations; please proceed with caution.