How to Use Themes in UniLink (Change the Look of Your Entire Page in One Click)

Themes let you change your page's background, fonts, button shapes, and colors as a single global style — switch anytime without touching your content.

Quick answer: Open your page in the editor, click the "Theme" tab in the right panel, browse the gallery, click any theme to preview it live on your page, then click "Apply." Your page updates instantly. Customize individual settings after applying, and save your customized version as a custom theme.

Individual block styling works well for fine-tuning, but when you need your entire page to look coherent — the background, the fonts, the button shapes, and the color palette all aligned — you need themes. UniLink's theme system applies a global visual style to every element of your page simultaneously. Switching from a clean minimalist look to a bold dark aesthetic takes one click, and your content stays exactly where it is. This guide explains how to use the theme gallery, customize a theme to match your brand, and save your own themes for future use.

What Themes Does

A theme defines the visual baseline for your entire page. It controls four categories of design properties: background (solid color, gradient, or image), typography (font family and size for headings and body text), button style (shape — rounded, square, pill; fill type — solid, outline, ghost), and color palette (primary color used for buttons and accents, and secondary text color).

When you apply a theme, all blocks on your page update simultaneously to reflect those baseline properties. You do not need to open each block's individual styling settings — the theme sets everything at once. Individual blocks can still override theme values for specific properties, so you have both global consistency and local flexibility.

The theme gallery contains dozens of professionally designed themes organized by mood and style: Minimal, Bold, Dark, Light, Nature, Neon, Professional, and Artistic. Themes are live-previewed on your actual page content as you hover over them in the gallery — you see exactly how your bio, links, and blocks look with each theme applied before committing.

Custom themes let you save a modified version of any theme. Once saved, your custom theme appears in the gallery under a "My Themes" tab and can be applied to any page in your account with one click. If you manage client pages, custom themes let you maintain brand consistency across multiple pages by applying the same saved theme to each one.

How to Get Started With Themes

  1. Open your page in the editor — Go to Pages in your dashboard, find the page you want to style, and click Edit. The page editor opens with your current page content.
  2. Open the Theme tab — In the right-side settings panel, click the "Theme" tab (palette icon). The Theme panel slides open with the gallery visible below your currently active theme.
  3. Browse the gallery — Scroll through the theme cards. Each card shows a small preview of the background, font, and button style. Hover over any card to see a live preview applied to your actual page content in the editor canvas.
  4. Filter by style category — Use the filter tabs above the gallery (Minimal, Bold, Dark, Light, etc.) to narrow down options. If you have a specific mood in mind, filtering saves significant browsing time.
  5. Click "Apply" on the theme you want — The theme applies immediately to your page. Your content is unchanged — only the visual styling updates. You can undo and try a different theme at any time during the editing session.
  6. Review all blocks after applying — Scroll through your full page to confirm every block looks correct with the new theme. Occasionally a specific block's custom styles conflict with the theme — adjust those blocks individually.
  7. Publish your page — When you are happy with the theme applied, click Publish. Visitors to your page will see the new styling immediately.

How to Use Themes

  1. Customize a theme after applying — After applying any theme, open the "Customize" section below the gallery. Adjust individual properties: change the background color or image, pick a different font, modify button shape, or change the primary color. Changes apply live to the editor canvas.
  2. Save a custom theme — After customizing, click "Save as Custom Theme" at the bottom of the Customize panel. Give it a name (e.g., "Brand Dark" or "Client A"). It appears in the "My Themes" tab of the gallery for future use on any page.
  3. Apply your custom theme to another page — Open a different page in the editor, go to the Theme tab, click "My Themes," and click Apply on your saved theme. All settings from the saved theme apply instantly.
  4. Switch themes without losing content — Apply any theme at any time. Your blocks, text, links, and images are never affected by a theme change — only the styling wrapper updates. You can switch themes as many times as you like during a session.
  5. Reset to no theme — If you want to remove all global styling and use only per-block styles, scroll to the top of the Theme gallery and select "No Theme." Each block reverts to its individual styling settings.
  6. Update a saved custom theme — Open any page using your custom theme, make style changes in the Customize panel, and click "Update Custom Theme" instead of "Save as Custom Theme." The update propagates to all pages using that theme after the next publish.
  7. Delete a custom theme — In the "My Themes" tab, hover over the theme card and click the trash icon. Pages using the deleted theme revert to the default theme on next edit. Deleting a custom theme does not change how live pages currently appear.

Key Settings Explained

SettingWhat it controlsBest practice
Background TypeSolid color, gradient, or image used as the page background behind all blocksUse a solid or subtle gradient for readability; save image backgrounds for bold, high-contrast designs where text is legible
Font FamilyTypeface applied to all headings and body text across the pagePick one font that reflects your brand tone — mixing multiple fonts in a theme creates visual noise
Button StyleShape (rounded, square, pill) and fill (solid, outline, ghost) of all link buttons on the pagePill + solid performs well for click-through on mobile; outline works well for secondary actions
Primary ColorColor applied to button backgrounds, active link states, and accent elementsUse your exact brand hex code for consistency with your website and social assets
Custom Theme NameLabel shown in "My Themes" tab for saved themesUse a descriptive name like "Brand Minimal Dark" rather than generic names so you find the right theme quickly
Pro tip: Save your brand colors and font as a custom theme before building any pages. This way, every new page starts with brand-consistent styling from the first block — no post-build cleanup required.

How to Get the Most Out of Themes

The most efficient use of themes is to treat them as part of your page-building start, not an afterthought. Apply your preferred theme before adding any blocks. This way, as you build, you see each new block already styled consistently — you do not have to re-evaluate the visual balance after the fact.

If you are a creator building a personal brand page, choose a theme whose tone matches the emotional register of your work. A fitness coach's page should feel energetic and action-oriented — bold fonts, strong contrasting colors, solid buttons. A poet or illustrator's page might benefit from a quieter, more typographic theme. Mismatched tone between your content and your theme's personality creates subtle friction for visitors even if they cannot name the cause.

For agency clients, creating a custom theme per client brand is one of the highest-ROI setup tasks you can do. Spend 15 minutes configuring the client's brand colors, font, and button style, save it as a custom theme with the client's name, and apply it to every page you build for them. All future pages are instantly on-brand without any style decisions to make.

Revisit your theme choices seasonally or when your brand identity evolves. Switching a theme requires one click — you can test a new look in a staging page, evaluate it, and apply it to your live page when you are ready. The low cost of changing a theme means there is no reason to stay with one that no longer fits.

Troubleshooting Common Issues

ProblemLikely causeFix
Theme not appearing on live page after applyingPage was not republished after the theme changeClick the Publish button in the editor after applying the theme — theme changes require a republish to go live
Some blocks not updating when theme is appliedThose blocks have individual style overrides setOpen the block settings, go to Style, and click "Reset to Theme" to remove the override and let the theme control that property
Custom theme not visible when editing a different pageCustom themes are saved to the account — try a hard refreshReload the editor; custom themes load on editor initialization and occasionally need a fresh page load to appear
Background image in theme not displaying on mobileImage file is too large and loading is slow on mobileCompress the background image to under 500KB using a tool like Squoosh before uploading; use WebP format for best results

Pros

  • Change the entire page visual style with one click — no per-block styling required
  • Live preview on your actual content before applying — no guesswork
  • Custom theme saving enables brand consistency across multiple pages and clients
  • Theme switches never affect content — text, links, and images are always preserved

Cons

  • Individual block style overrides suppress theme values — inconsistencies require manual block-level resets
  • Theme changes require republishing to appear on the live page
  • Custom theme updates do not propagate to live pages automatically — each page needs a republish

Frequently Asked Questions

Will changing my theme remove my content?

No. Themes control visual styling only — background, fonts, button shapes, and colors. All your blocks, text, images, and links remain exactly as they are. You can switch themes as many times as you like without any content changes.

Can I use a theme on some blocks but not others?

Yes. By default, all blocks follow the active theme. You can override any theme setting on a per-block basis in that block's Style settings. Override only the blocks that genuinely need to be different — consistency across the page usually looks better.

How many custom themes can I save?

The limit depends on your plan. Free accounts can save one custom theme; paid accounts can save more. Check your current plan limits in Account Settings under the Design section.

Can I export or share a custom theme with another user?

Custom themes are currently tied to your account and cannot be exported or shared directly with another user's account. Agency accounts can access the same custom theme across all managed client workspaces.

Is there a way to preview a theme without applying it?

Yes. Hovering over any theme card in the gallery applies a live preview to the editor canvas without committing to the change. Click Apply only when you are ready to use that theme. Close the gallery without clicking Apply to discard the preview.

Key Takeaways

  • Themes control background, fonts, button shape, and color palette globally across your entire page
  • Live hover-preview shows exactly how each theme looks on your real content before applying
  • Applying or switching themes never affects page content — only visual styling updates
  • Save customized themes for reuse across pages and client accounts on the Agency plan
  • Theme changes require republishing the page to appear on the live version

Ready to give your page a standout look?

Browse UniLink's theme gallery and transform your page's visual style in one click. Apply, customize, and publish — no design skills required.

Get Started Free