Customisation

Superfunky separates content, global design settings, and source-code changes. Choose the narrowest method that can make the required change.

Change	Use	Rebuild required
Store name, logo, fonts, icons, footer copy	Appearance > FunkyCommerce	No
WordPress content and block styling	Page/Post editor and Site Editor	No
Site-wide header, footer, checkout, palette, radius, or component-layout composition	Control Center Layout section	No
Small CSS override	Control Center Custom storefront CSS	No
New component, Tailwind utility, route, or application behaviour	Storefront source	Yes

The current WordPress menu retains the legacy FunkyCommerce name for upgrade compatibility. The product and storefront are Superfunky.

Guides

1. Visual design covers typography, styles, layouts, custom CSS, and

menus.

1. Brand and identity covers names, logos, icons, colour, and public

brand copy.

1. Shortcodes documents application, commerce, editorial, and community

components.

1. Tailwind CSS and Gutenberg blocks explains how the two style

systems work together.

1. Free and Pro theme settings defines the released product

boundary.

Recommended workflow

1. Complete the base Setup.
2. Configure the identity and global content in WordPress.
3. Build pages with Gutenberg and supported shortcodes.
4. Test Layout alternatives with the Control Center preview and a native WordPress

Preview before applying them site-wide.

1. Add custom CSS only after the standard controls are exhausted.
2. Fork and rebuild the MIT storefront only for code-level changes.
3. Check desktop, mobile, light and dark modes, reduced motion, and an authenticated

customer session before publishing.

Understand where a setting lives

WordPress Control Center

Control Center values are site configuration. They are exposed to the storefront and apply wherever the corresponding component is used.

WordPress Site Editor

theme.json, global styles, block presets, fonts, and Additional CSS describe WordPress content. Superfunky carries those styles into headless pages and posts.

Layout

The Control Center's Layout section is the single, canonical source of every site-wide storefront composition control: header and footer chrome, checkout structure, brand palette and radius, product/post/community archive and card layouts, the cart, the newsletter popup, and the six shared profile-header variants used by both community member and journal author pages. There is no separate public storefront route and no per-user layout preference; every visitor sees the same configuration, and saving a field applies it immediately without a rebuild. The section includes a lightweight admin-side preview canvas that updates live as fields change, and WordPress' native page/post Preview also mirrors the current Layout settings and real header/footer navigation for signed-in editors with edit permission.

Storefront source

Source changes give complete control. They also create an ongoing responsibility to build, test, deploy, and merge future upstream changes.

Next: customise the visual design.