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 and the defaults new pages start with. The favicon is WordPress’s own Site Icon, under Appearance → Customize → Site Identity.

Page Defaults

Setting	Default	Accepts
Default Page Layout	Full Width	Full Width, Sidebar Left, Sidebar Right

Color Mode

Setting	Default	Accepts
Default Color Mode	Auto	Auto, Light, Dark

Page Cover

Setting	Default	Accepts
Disable Page Cover	Off	On or off
Default Page Cover Template	—	A Global Block
Breadcrumbs	On	On or off

Error Page

Setting	Default	Accepts
Error Page Template	—	A Global Block

Back to Top

Setting	Default	Accepts
Back to Top Button	Off	On or off
Show After (px)	`400px`	0–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.

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

Setting	Default	Accepts
Primary Color	`#0A0405`	Any colour
Secondary Color	`#d51c2f`	Any colour
Accent Color	`#d51c2f`	Any colour
Body Background	`#FFFFFF`	Any colour
Heading Text	`#161212`	Any colour
Body Text	`#161212`	Any colour
Muted Text	`#8C8C8C`	Any colour, with opacity
Muted Background	`#F0F0F0`	Any colour, with opacity
Light Surface	`#F4F5F7`	Any colour, with opacity
Dark Shade	`#161212`	Any colour, with opacity
Border Color	`rgba(17, 24, 39, 0.12)`	Any colour, with opacity

Dark Mode Colors

Setting	Default	Accepts
Primary Color (Dark Mode)	`#E8EAEE`	Any colour
Secondary Color (Dark Mode)	`#f0bd47`	Any colour
Accent Color (Dark Mode)	`#d51c2f`	Any colour
Body Background (Dark Mode)	`#0A0405`	Any colour
Heading Text (Dark Mode)	`#FFFFFF`	Any colour
Body Text (Dark Mode)	`#E2E5EA`	Any colour
Muted Text (Dark Mode)	`#8A909A`	Any colour, with opacity
Muted Background (Dark Mode)	`#1b1717`	Any colour, with opacity
Light Surface (Dark Mode)	`#1b1717`	Any colour, with opacity
Border Color (Dark Mode)	`rgba(255, 255, 255, 0.12)`	Any colour, with opacity

Layout

Setting	Default	Accepts
Container Max Width (px)	`1170`	640–2560, in steps of 10
Container Padding (rem)	`1.5`	0–6, in steps of 0.25

Border Radius

Setting	Default	Accepts
Brand Radius	`0.5`	0–2, in steps of 0.125
Large Radius (rem)	`2`	0–4, in steps of 0.125

Components

Setting	Default	Accepts
Button Radius (px)	`8`	0–60
Button Font Weight	Medium (500)	Regular (400), Medium (500), Semibold (600), Bold (700)
Button Height (rem)	`2.75`	1–6, in steps of 0.125
Button Font Size (rem)	`1`	0.5–2, in steps of 0.0625
Form Field Radius (px)	`8`	0–60
Form Field Height (rem)	`2.5`	1–6, in steps of 0.125
Form Field Padding (rem)	`0.75`	0–3, in steps of 0.0625

Section Spacing

Setting	Default	Accepts
Spacing SM	`3`	0–20, in steps of 0.5
Spacing MD	`5`	0–20, in steps of 0.5
Spacing LG	`8`	0–30, in steps of 0.5
Spacing XL	`12`	0–40, in steps of 0.5

Shadows

Setting	Default	Accepts
Shadow — Small	`0 1px 3px rgba(0, 0, 0, 0.08)`	Free text
Shadow — Medium	`0 4px 16px rgba(0, 0, 0, 0.1)`	Free text
Shadow — Large	`0 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

Setting	Default	Accepts
Body Font Family	Inter	Any font from NovaSpark → Fonts, or a CSS font stack
Base Font Size (px)	`16`	12–24

Heading Typography

Setting	Default	Accepts
Heading Font Family	Graphik Compact	Any font from NovaSpark → Fonts, or a CSS font stack
Heading Font Weight	Semibold (600)	Regular (400), Medium (500), Semibold (600), Bold (700), Extrabold (800)
Heading Line Height	`1.1`	0.8–2, in steps of 0.05
Heading Letter Spacing	`-0.04rem`	Free text
Display 2XL Size (rem)	`4.5`	1–10, in steps of 0.125
Display 2XL Line Height	`1.1`	0.8–2, in steps of 0.05
Display XL Size (rem)	`3.75`	1–10, in steps of 0.125
Display XL Line Height	`1.15`	0.8–2, in steps of 0.05
Display LG Size (rem)	`3`	1–10, in steps of 0.125
Display LG Line Height	`1.2`	0.8–2, in steps of 0.05

Font Roles

Setting	Default	Accepts
Secondary Font Family	Inter	Any font from NovaSpark → Fonts, or a CSS font stack
Display / Serif Font Family	Lora	Any font from NovaSpark → Fonts, or a CSS font stack
Monospace Font Family	JetBrains Mono	Any 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

Setting	Default	Accepts
Default Header	—	A Global Block

Position & Appearance

Setting	Default	Accepts
Header Position	Normal	Normal, Floating
Floating Top Offset (px)	`0px`	0–400px
Header Appearance	Auto (follow site)	Auto (follow site), Force Light, Force Dark, Adaptive (match section below)

Setting	Default	Accepts
Sticky Header	On	On or off
Sticky Element	—	Free text
Sticky Offset	Custom	None, Viewport, Custom
Sticky Trigger Offset (px)	`200px`	0–1000px, in steps of 10
Reveal on Scroll Up	On	On or off
Animation Type	Slide Down	None, Slide Down, Fade, Fade Blur
Animation Duration (ms)	`250ms`	0–2000ms, in steps of 10
Sticky Appearance	Inherit	Inherit, Auto (follow site), Force Light, Force Dark
Sticky Background Element	—	Free text
Sticky Background	None (from section)	None (from section), Theme Background, Custom
Sticky Background — Light	—	Any colour, with opacity
Sticky Background — Dark	—	Any colour, with opacity
Sticky Backdrop Blur (px)	`0px`	0–200px

Megamenu Defaults

Setting	Default	Accepts
Panel Width	Full	Full, Container, Auto
Panel Alignment	Center	Left, Center, Right, Centered on the item, Starts at the item
Panel Content	Container	Container, Centered, Starts at the item
Boundary	Container	Auto, Container, Full Window, Custom CSS selector
Custom Boundary Selector	—	Free text
Panel Offset (px)	`0px`	0–200px
Columns Max Width (px)	`0px`	0–5000px, in steps of 10
Header While Open	Leave as is	Leave as is, Auto, Light, Dark
Header Background	Reveal	Reveal, Fill, Colours only
Content Appears	As the sheet reaches it	As the sheet reaches it, When the sheet opened
Header Background Speed (ms)	—	100–2000, in steps of 50
Header Background Color	—	Any colour
Panel Appearance	Inherit from page	Inherit from page, Always light, Always dark
Show Arrow on Parent Items	On	On or off
Page Overlay	Off	Off, On
Overlay Blur	`8`	0–40
Trigger Mode	Hover	Hover, Click
Hover Intent Delay (ms)	`150`	0–1000, in steps of 10
Animation (In/Out)	Scale up	Scale up, Fade, Reveal, Slide up, Slide down, None
Switch Animation	Slide + Blur	Slide, Fade, Blur, Slide + Blur, Fluid
Switch Duration (ms)	`150ms`	100–1200ms, in steps of 10
Stagger Content	Off	Off, On
Stagger What	Whole content	Whole content, Per element
Stagger Animation	Fade + slide up	None, Fade + slide up, Fade + slide down, Fade + slide left, Fade + slide right, Fade + blur
Stagger Delay	`60`	10–300
Stagger on Switch	Off	Off, On

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

Setting	Default	Accepts
Default Footer	—	A Global Block

Sidebars #

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.

Setting	Default	Accepts
Archive Layout	Grid	Grid, List, Masonry
Grid Columns	`3`	2–4
Column Gap	`32px`	0–120px, in steps of 4
Row Gap	`32px`	0–120px, in steps of 4
Default Archive Template	—	A Global Block
Default Post Card Template	—	A Global Block

Single Post

Setting	Default	Accepts
Show Publish Date	On	On or off
Show Author	On	On or off
Show Categories	On	On or off
Show Reading Time	Off	On or off
Show Tags	On	On or off
Show Comments	On	On or off
Date Display	Date format	Date format, Relative
Comment Meta Display	Count + Label	Count + Label, Count Only
Enable Post Views	Off	On or off
Count Unique Views Only	Off	On or off
Single Post Style	Classic	Classic, Modern, Overlay, Custom
Default Single Post/Page Template	—	A Global Block

Setting	Default	Accepts
Default Blog Layout	Full Width	Full Width, Sidebar Left, Sidebar Right
Default Single Layout	Full Width	Full Width, Sidebar Left, Sidebar Right

Motion #

Site-wide motion: the cover that plays between pages, a custom cursor, and smooth scrolling to sections of the same page. Motion on individual elements is set in Elementor — see NovaKit Motion.

Page Transition — Curve, Wave, Slide or Blinds. It covers the page as a link leaves it and uncovers the next one. Entrances set to Page intro finished wait for it.
Custom Cursor — a dot and a trailing ring, on desktop. Elements restyle it from their NovaKit Motion → Interaction tab.
Smooth Anchor Links — links to a section of the same page glide there and stop below the sticky header.

Visitors whose system asks for reduced motion get no page transition and no custom cursor.

Page Transitions

Setting	Default	Accepts
Page Transition	—	None, Fade up, Curve, Wave, Slide, Blinds
First Colour	—	Any colour
Second Colour	—	Any colour
First Colour (Dark Mode)	—	Any colour
Second Colour (Dark Mode)	—	Any colour
Duration (s)	`1.2`	0.3–3, in steps of 0.1
Fade Duration (s)	`0.4`	0.15–1.5, in steps of 0.05
Fade Distance (px)	`24`	0–120
Keep the Header in Place	On	On or off
Preloader	Off	On or off
Style	Spinner	Spinner, Dots, Cluster, Counter, Square, Grid, Infinity, Orbit
Show On	Every page	Every page, First visit only
Size (px)	`48`	16–160
Colour	—	Any colour
Colour (Dark Mode)	—	Any colour
Background	—	Any colour
Background (Dark Mode)	—	Any colour

Custom Cursor

Setting	Default	Accepts
Custom Cursor	Off	On or off
Colour	—	Any colour
Blend	Normal	Normal, Difference
Ring Size (px)	`32`	12–120
Ring Trail (s)	`0.5`	0–2, in steps of 0.05
Grow Over Links	`1.5`	1–4, in steps of 0.1
Filled Ring	Off	On or off
Auto Light / Dark	On	On or off
Hide the System Cursor	Off	On or off
Spinner While Loading	On	On or off

Anchor Links

Setting	Default	Accepts
Smooth Anchor Links	On	On or off
Offset (px)	—	0–400

Privacy #

Scripts that wait for a visitor’s consent, and how long a choice lasts. See Cookie Consent for the whole setup.

Scripts That Wait for Consent

Setting	Default	Accepts
Analytics Scripts	—	Free text
Marketing Scripts	—	Free text

Setting	Default	Accepts
Policy Version	`1`	Free text
Remember a Choice For	`180`	1–730
Google Consent Mode	Off	On or off

Custom CSS / JS #

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

Custom CSS

Setting	Default	Accepts
Custom CSS	—	Free text

Header / Footer JS

Setting	Default	Accepts
Header Scripts	—	Free text
Footer Scripts	—	Free text

WooCommerce #

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

Shop Layout

Setting	Default	Accepts
Product Columns	`3`	2–5
Products Per Page	`12`	4–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.