Theme & Branding

Theme & Branding — Every visual control for CLT.page (Charlotte) — staging: images, colors, fonts, per-surface design. Functional / content settings live on Site Settings.

Brand Images

Pick an image from your computer for each slot. Stored as a data URL (max ~500 KB raw). R2 upload comes later for larger files.

The Website Logo here is used in the site header and overrides the text logo in . Leave it empty to use the designed text logo instead.

Website Logo

450 × 70 px recommended

No image

📁 Choose file

Dark-mode Logo

Used on dark headers

No image

📁 Choose file

Email Template Logo

450 × 70 px recommended

No image

📁 Choose file

Invoice Logo

JPG / SVG

No image

📁 Choose file

Favicon

56 × 56 px recommended (square)

No image

📁 Choose file

Default Social / OG image

1200 × 1200 px recommended

No image

📁 Choose file

Default Member Photo

250 × 250 px (square)

No image

📁 Choose file

Default Member Logo

250 × 250 px (square)

No image

📁 Choose file

Default Member Cover

1035 × 370 px

No image

📁 Choose file

Member Badge Image

250 × 250 px

No image

📁 Choose file

Verified Member Icon

100 × 100 px

No image

📁 Choose file

Google Map Pin Drop

25 × 42 px

No image

📁 Choose file

All Locations Badge

100 × 100 px

No image

📁 Choose file

Search Results Placeholder

400 × 200 px

No image

📁 Choose file

Main Design

Body font family Heading font family Body font size Page width (main container) Sets the left/right boundary on every page of the site. Extra-wide side spacing Only used when “Extra wide” is selected. Default 2.5rem. Google Map theme

Colors

Use the picker or paste 3- / 6-digit hex.

Brand

Primary brand color

Accent color

Website surface

Body Background

Body Font Color

Breadcrumb Link Color

Hyperlink Color

Hyperlink Hover Color

Typography

Pick a Google Font from the catalog or paste any font-family string.

Heading font Body font H1 size H2 size H3 size H4 size BODY size Heading weight Heading line-height

Live preview

The quick brown fox

Heading two

Sub-heading three

Body copy — the quick brown fox jumps over the lazy dog. 0123456789.

Logo Designer

This designs a text logo (company name + slogan). It only shows when no Website Logo image is uploaded under — an uploaded logo image always takes precedence.

Logo title / Company name Logo slogan Logo Title Color

Logo Slogan Color

Logo font family Logo font size Display logo icon Icon name (Font Awesome) Icon color

Header

Header widget

Design your header in Widget Manager (give it the Header category), then assign it here — it replaces the entire built-in header. Use a [menu=main_menu] / Menu block inside it for the nav.

Use a header widget No header-category widgets yet — create one in Widget Manager (category “Header”).

Advanced: raw custom header HTML (optional)

Behaviour

Display header (whole header) Top mini-nav strip Brand bar (logo + actions) Main menu bar Action buttons alignment Where the search + button cluster sits in the header bar. Public header menu slug Logged-in header menu slug Link & font size Search bar position "Full width" keeps the homepage header search hidden (the homepage has its own). Google Translate widget

Colors

Header Background

Link & Font Color

Signup Button Background

Signup Button Font Color

Search Button Background

Search Button Font Color

Top mini-nav strip

The thin utility bar above the main header (edit its links in Menu Manager → Header Mini Nav).

Mini-nav Background

Mini-nav Text Color

Mini-nav alignment

Mobile view

Website Header Website Logo Mini-Nav Links Header Search

Main Menu

Behaviour & type

Display main menu Menu behaviour Public menu slug Logged-in menu slug Menu font family Menu font size Menu font weight Dropdown weight

Colors

Menu Bar Background

Menu Link Color

Menu Link Hover Color

Drop-Down Background

Drop-Down Link Color

Footer

Footer design

Display footer Social icons Social icons style Background Color

Section Title Color

Font & Link Color

Link Hover Color

Signup Button Background

Signup Button Font Color

Newsletter bar

Display newsletter bar Newsletter Bar Background

Button Background

Button Font Color

Buttons

Corner style Primary — background

Primary — text

Success — background

Success — text

Info — background

Info — text

Warning — background

Warning — text

Danger — background

Danger — text

Default — background

Default — text

Content Boxes & Backgrounds

Box Background

Box Border Color

Box Font Color

Box Title Color

Photo Album Background

Post Image Background

Pricing Title — Background

Pricing Title — Font Color

Corner style Enable shadow Click-enlarge post images

Featured Member Tag

The badge shown on featured member cards (homepage, search, listings). Style, wording and colors are all yours.

Tag text Tag design Tag Background

Tag Text Color

Tag Border Color

Card Border Accent

Live preview

Featured

Acme Co.

Profile photo shape applies to your live site now. Tabbed-layout & header-alignment options activate with the upcoming tabbed profile.

Member Profile Pages

Profile photo style Profile page header Tabbed layout Post count in tab title Tabs behaviour

Search Result Pages

Display main title (H1) Main title size Display sub-title (H3) Sub-title size

The member & post search default layout (list/grid) applies to your live site now. The other options (star-rating filter, visitor geolocation, albums carousel) activate with those features.

Display Settings

"View Profile" button Star rating filter Detect visitor locations Location icon Albums carousel Member search layout Post search layout Grid view layout

⚠ These settings are saved but not yet applied to your live site — visual wiring for this section is still in progress.

Sidebar Alignment

Member Search Results Member Profile Pages Post Search Results Post Detail Pages Global Website Search Personal Post Feed Checkout Pages

Icon colors are wired and used by the favorites button once that feature ships.

Bookmark Favorites Button

Enable bookmark counter Favorite icon (Font Awesome) Icon active color

Icon disabled color

Website Announcement Message

Display Show close button Background Color

Text Color

Font family Font size Text position Hide on mobile? Announcement message Show button / link Link URL Link text Open link in new tab Link text size Link text color

Link background color