Abuja Digital Studio · Est. 2018
Start a Project
DocsOrravo Page BuilderGlobal styles and style kits
Reference

Global styles and style kits

Orravo Page Builderorravo.com/docs/orravo-page-builder/global-styles

Global styles and style kits

Global Styles screen

Orravo Theme > Global Styles is the visual layer over orv_settings(). Every change saves to a theme_mod and updates the inline <style id="orv-tokens"> block at wp_head priority 999.

Groups:

  • Colors - ink, paper, parch, gold, header bg, accent
  • Typography - heading font, body font, base size, scale
  • Spacing - section padding, content max width
  • Header - height, sticky, transparent-on-hero
  • Footer - layout, copyright, CTA
  • Blog - post card density, meta toggles (orv_blog_show_category, orv_blog_show_author, orv_blog_show_date, orv_blog_show_read_time, orv_blog_show_comment_count)

Style Kits

Orravo Theme > Style Kits swaps a full token set in one save. Each kit is a JSON file with colors, fonts, and spacing. Apply globally, or scope to a single page via the kit picker on the builder page meta box.

Kits are tokens-only - no JS, no images - so previewing one is fast and reversible. You can ship your own with the orv_pb_kits_register filter.

Kit Import / Export

Orravo Theme > Kit Import / Export is the round-trip:

php// Export to a JSON array
$payload = Orv_PB_Kit::export();

// Import a previously exported payload
Orv_PB_Kit::import( $payload, $options );

The payload includes tokens, header and footer config, registered patterns, and any section presets you saved under Section Templates. Use this to move config between staging and production.

Global styles and style kits · Orravo Page Builder Docs | Orravo