Skip to main content

Portal Customization

Customize your changelog portal to match your brand identity.

Basic customization

Navigate to Settings → Portal → Customize to access these options: [TODO: ADD IMAGE - CUSTOMIZATION SETTINGS PANEL] Upload your company logo to display in the portal header.
  • Recommended size: 200x200px minimum
  • Formats: PNG, JPG, SVG
  • Tips: Use a square logo or one with transparent background

Colors

SettingDescription
Primary colorUsed for buttons, links, and accents
Background colorMain page background
Header backgroundPortal header area
Use your brand’s primary color for the best recognition. Make sure there’s enough contrast for readability.

Header content

Customize what appears in your portal header:
  • Title — Main headline (e.g., “What’s New” or “Changelog”)
  • Description — Subtitle text explaining your changelog
  • Show logo — Toggle logo visibility
  • Show subscribe button — Let users subscribe for email updates

Advanced customization

Custom CSS

For complete control, add custom CSS in Settings → Portal → Customize → Custom CSS.
/* Example: Change the announcement title font */
.announcement-title {
  font-family: 'Georgia', serif;
  font-size: 28px;
}

/* Example: Add a border to category badges */
.category-badge {
  border: 2px solid currentColor;
}

/* Example: Customize the header */
.portal-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
Custom CSS can break your portal if used incorrectly. Test changes carefully.

Available CSS classes

ClassElement
.portal-headerHeader container
.portal-navNavigation area
.announcement-cardAnnouncement list item
.announcement-titleAnnouncement title
.announcement-contentAnnouncement body
.category-badgeCategory tag
.author-infoAuthor name and avatar
.powered-byFooter branding
[TODO: ADD IMAGE - CSS INSPECTOR SHOWING AVAILABLE CLASSES]

Preview changes

Use the Preview button to see your changes before saving. The preview opens in a new tab showing your live portal with unsaved changes applied.

Examples

Minimal

Clean white background, single accent color, hidden header description

Bold

Gradient header, large logo, vibrant category colors

Dark mode

Dark background with light text (via custom CSS)

On-brand

Full brand colors, custom fonts, matching your main site
[TODO: ADD IMAGE - GRID OF 4 EXAMPLE PORTAL STYLES]