Using the Style Editor

6 min readUpdated 15 February 2026

The Style Editor gives you full control over your site's visual appearance — colours, fonts, button styles, spacing, and more. You can make site-wide changes or customise individual sections for a unique look.

Style Editor Overview

Accessing the Style Editor

Click 'Styles' in the admin bar at the top of the editor. The style panel opens on the left, showing global settings and section-specific options. You can also access styling for individual elements by clicking the style (colour wheel) icon that appears when you hover over them.

Changing Fonts

Global Font Settings

1Click 'Styles' in the top admin bar
2Locate 'Choose fonts' under 'Global settings' in the left panel
3Select your preferred title and body fonts — changes preview live
4Click 'Apply' to confirm

Font Selection Tutorial

Custom Fonts

You can upload your own custom fonts via the File Manager. Supported formats are OTF, TTF, WOFF, and WOFF2. Upload them to the Custom Fonts folder, then select them from the font dropdown in the Style Editor.

Uploading Custom Fonts

1Open File Manager from the header
2Navigate to the Custom Fonts folder
3Drag and drop your font files (OTF, TTF, WOFF, or WOFF2)
4Return to the Style Editor and select your font from the dropdown

Changing Text Colours

You can change text colours in two ways: site-wide through the Style Editor for universal changes, or section-specific by editing individual sections. Site-wide changes affect all text using the default colours, while section changes only apply locally.

Mobile and Tablet Styling

After making design changes, always check how they look on mobile and tablet. Use the device view switcher in the top bar to preview different screen sizes. Some elements may need manual adjustments for smaller screens — the Style Editor includes mobile-specific options for fine-tuning.

Mobile Styling Tutorial

Choose no more than 2–3 fonts for your entire site: one for headings and one for body text. Too many fonts look unprofessional. Google Fonts (the default in Limecube) offers hundreds of high-quality, free options.

Was this helpful?

Colour Palette Tool

Apply a consistent colour set across your entire website using Limecube's built-in palette tool.

4 min readVideo

Header: Logo, Call to Action & Favicon

Customise your site header — add your logo, set up a call-to-action button, change the layout, and add a favicon.

8 min readVideo

Content Blocks

Add, edit, move, and style text content blocks — the core building block of every page.