Skip to content
NovaSpark Docs v1.0.0
Live Demo Support

Set up your site

Theme Options

Every site-wide setting NovaSpark adds, tab by tab, with its default and the values it accepts.

Theme Options is where you set things that apply to the whole site: your logo, the colour palette, the fonts, how the header behaves. Find it at NovaSpark → Theme Options.

Each setting has a short description on screen, under its label. This page is a quick reference for the part the interface does not tell you — what each setting starts at, and what it will accept.

Advanced Custom Fields must be active. It is what stores these settings. Without it the screens are empty and nothing saves.

How settings save #

Each tab saves on its own. Change something on Design, switch to Typography without saving, and the change is lost — click Save before you move on.

The Theme Options screen showing the tab rail on the left, a section list, and the fields for the selected section.
Tabs on the left, sections within a tab, and a Save button per tab.

Settings live in your database, not in the theme folder, so they survive theme updates and switching to a child theme. To copy them to another site, use Export / Import.

Export before a big change. There is no undo on this screen. An export takes a second and gives you a file you can restore from.

Some tabs are documented elsewhere, on the pages about what they actually do: Performance and SEO, and Tools and Image Optimizer.

General #

Your logo, favicon, and the defaults new pages start with.

Site Identity

SettingDefaultAccepts
Site LogoAn image from your Media Library
Dark Mode LogoAn image from your Media Library
FaviconAn image from your Media Library

Page Defaults

SettingDefaultAccepts
Default Page LayoutFull WidthFull Width, Sidebar Left, Sidebar Right

Page Cover

SettingDefaultAccepts
Disable Page CoverOffOn or off
Default Page Cover TemplateA Global Block
BreadcrumbsOnOn or off

Back to Top

SettingDefaultAccepts
Back to Top ButtonOffOn or off
Show After (px)400px0–5000px, in steps of 50

Design #

The colours, spacing and rounding used across the whole site. Change a value here and everything using it updates, including Elementor’s own colour picker.

The Design tab showing seven preset cards, each with a colour swatch row.
Applying a preset replaces your Design and Typography values.

Start with a Design Preset — seven are included. Applying one fills in the colours and fonts below, which you can then adjust.

Applying a preset overwrites Design and Typography. It replaces your colour palette and font choices with the preset’s. Export first if you have already made changes you want to keep.

Color Palette

SettingDefaultAccepts
Primary Color#013a3fAny colour
Secondary Color#013a3fAny colour
Accent Color#FDFF8AAny colour
Body Background#f6f4e8Any colour
Heading Text#013a3fAny colour
Body Text#013a3fAny colour
Muted Text#556965Any colour, with opacity
Muted Background#eae8ddAny colour, with opacity
Light Surface#F4F5F7Any colour, with opacity
Dark Shade#013a3fAny colour, with opacity
Border Colorrgba(100, 110, 130, 0.14)Any colour, with opacity

Dark Mode Colors

SettingDefaultAccepts
Primary Color (Dark Mode)#ffffffAny colour
Secondary Color (Dark Mode)#FDFF8AAny colour
Accent Color (Dark Mode)#FDFF8AAny colour
Body Background (Dark Mode)#042427Any colour
Heading Text (Dark Mode)#ffffffAny colour
Body Text (Dark Mode)#ffffffAny colour
Muted Text (Dark Mode)#9ca8a9Any colour, with opacity
Muted Background (Dark Mode)#033034Any colour, with opacity
Light Surface (Dark Mode)#033034Any colour, with opacity
Border Color (Dark Mode)rgba(255, 255, 255, 0.12)Any colour, with opacity

Layout

SettingDefaultAccepts
Container Max Width (px)1170640–2560, in steps of 10
Container Padding (rem)1.50–6, in steps of 0.25

Border Radius

SettingDefaultAccepts
Brand Radius0.50–2, in steps of 0.125
Large Radius (rem)20–4, in steps of 0.125

Components

SettingDefaultAccepts
Button Radius (px)80–60
Button Font WeightMedium (500)Regular (400), Medium (500), Semibold (600), Bold (700)
Button Height (rem)2.751–6, in steps of 0.125
Button Font Size (rem)10.5–2, in steps of 0.0625
Form Field Radius (px)80–60
Form Field Height (rem)2.51–6, in steps of 0.125
Form Field Padding (rem)0.750–3, in steps of 0.0625

Section Spacing

SettingDefaultAccepts
Spacing SM30–20, in steps of 0.5
Spacing MD50–20, in steps of 0.5
Spacing LG80–30, in steps of 0.5
Spacing XL120–40, in steps of 0.5

Shadows

SettingDefaultAccepts
Shadow — Small0 1px 3px rgba(0, 0, 0, 0.08)Free text
Shadow — Medium0 4px 16px rgba(0, 0, 0, 0.1)Free text
Shadow — Large0 10px 40px rgba(0, 0, 0, 0.15)Free text

Typography #

Which fonts your site uses, at what size, and how headings behave. Fonts come from NovaSpark → Fonts — see Content & assets to add your own.

Body Typography

SettingDefaultAccepts
Body Font FamilyInterAny font from NovaSpark → Fonts, or a CSS font stack
Base Font Size (px)1612–24

Heading Typography

SettingDefaultAccepts
Heading Font FamilyGraphik CompactAny font from NovaSpark → Fonts, or a CSS font stack
Heading Font WeightSemibold (600)Regular (400), Medium (500), Semibold (600), Bold (700), Extrabold (800)
Heading Line Height1.10.8–2, in steps of 0.05
Heading Letter Spacing-0.04remFree text
Display 2XL Size (rem)4.51–10, in steps of 0.125
Display 2XL Line Height1.10.8–2, in steps of 0.05
Display XL Size (rem)3.751–10, in steps of 0.125
Display XL Line Height1.150.8–2, in steps of 0.05
Display LG Size (rem)31–10, in steps of 0.125
Display LG Line Height1.20.8–2, in steps of 0.05

Font Roles

SettingDefaultAccepts
Secondary Font FamilyInterAny font from NovaSpark → Fonts, or a CSS font stack
Display / Serif Font FamilyLoraAny font from NovaSpark → Fonts, or a CSS font stack
Monospace Font FamilyJetBrains MonoAny font from NovaSpark → Fonts, or a CSS font stack

How the main header behaves — where it sits, what happens when you scroll, and the defaults new mega menu items inherit. Designing the header itself is covered in Header.

Default Header

SettingDefaultAccepts
Default HeaderA Global Block

Position & Appearance

SettingDefaultAccepts
Header PositionNormalNormal, Floating
Floating Top Offset (px)0px0–400px
Header AppearanceAuto (follow site)Auto (follow site), Force Light, Force Dark, Adaptive (match section below)

Sticky Header

SettingDefaultAccepts
Sticky HeaderOnOn or off
Sticky OffsetCustomNone, Viewport, Custom
Sticky Trigger Offset (px)200px0–1000px, in steps of 10
Reveal on Scroll UpOnOn or off
Animation TypeSlide DownNone, Slide Down, Fade, Fade Blur
Animation Duration (ms)250ms0–2000ms, in steps of 10
Sticky AppearanceInheritInherit, Auto (follow site), Force Light, Force Dark
Sticky BackgroundNone (from section)None (from section), Theme Background, Custom
Sticky Background — LightAny colour, with opacity
Sticky Background — DarkAny colour, with opacity
Sticky Backdrop Blur (px)40px0–200px

Megamenu Defaults

SettingDefaultAccepts
BoundaryContainerAuto, Container, Full Window, Custom CSS selector
Custom Boundary SelectorFree text
Trigger ModeHoverHover, Click
Hover Intent Delay (ms)1500–1000, in steps of 10
Animation (In/Out)Scale upScale up, Fade, Reveal, Slide up, Slide down, None
Switch AnimationSlide + BlurSlide, Fade, Blur, Slide + Blur
Switch Duration (ms)150ms100–1200ms, in steps of 10
Panel Offset (px)0px0–200px
Panel AlignmentCenterLeft, Center, Right
Show Arrow on Parent ItemsOnOn or off
Columns Max Width (px)0px0–5000px, in steps of 10

Which Global Block is used as your site footer. See Footer for how to build one.

SettingDefaultAccepts
Default FooterA Global Block

This tab holds the sidebar manager rather than a list of settings — see Content & assets.

Blog Posts #

How posts appear in listings and on their own pages: the grid, the card, and which details show.

Archive

SettingDefaultAccepts
Archive LayoutGridGrid, List, Masonry
Grid Columns32–4
Column Gap32px0–120px, in steps of 4
Row Gap32px0–120px, in steps of 4
Default Archive TemplateA Global Block
Default Post Card TemplateA Global Block

Single Post

SettingDefaultAccepts
Show Publish DateOnOn or off
Show AuthorOnOn or off
Show CategoriesOnOn or off
Show Reading TimeOffOn or off
Show TagsOnOn or off
Show CommentsOnOn or off
Show Post ShareOffOn or off
Date DisplayDate formatDate format, Relative
Comment Meta DisplayCount + LabelCount + Label, Count Only
Enable Post ViewsOffOn or off
Count Unique Views OnlyOffOn or off
Single Post StyleClassicClassic, Modern, Overlay, Custom
Default Single Post/Page TemplateA Global Block

Sidebar Layout

SettingDefaultAccepts
Default Blog LayoutFull WidthFull Width, Sidebar Left, Sidebar Right
Default Single LayoutFull WidthFull Width, Sidebar Left, Sidebar Right

Custom CSS / JS #

Your own CSS and scripts, added site-wide without editing any files. See Customization for what to put here.

Custom CSS

SettingDefaultAccepts
Custom CSSFree text

Header / Footer JS

SettingDefaultAccepts
Header ScriptsFree text
Footer ScriptsFree text

WooCommerce #

Only appears when WooCommerce is active. See WooCommerce for what NovaSpark does and does not do for a shop.

Shop Layout

SettingDefaultAccepts
Product Columns32–5
Products Per Page124–48, in steps of 4

Left blank, WooCommerce decides. Both settings take effect only once you give them a value — until then WooCommerce’s own Customizer settings apply.

Esc