Configuration

This guide covers all configuration options available in OxyMade.

Admin Settings Page

Access OxyMade settings at OxyMade in your WordPress admin menu.

Feature Toggles

Enable or disable specific OxyMade features:

CSS Output

Toggle the OxyMade CSS framework output.

Option: oxymade_css_enabled
Default: true

When enabled, OxyMade injects its CSS framework on the frontend. Disable if you only want to use the design tokens without utility classes.

Presets Feature

Toggle the presets functionality.

Option: oxymade_presets_enabled
Default: true

Enable to save and reuse design presets across your site.

Button Component

Toggle the OxyMade Button element.

Option: oxymade_button_enabled
Default: true

Adds a custom Button element to Oxygen with additional styling options.

Color System

Toggle color features including the color panel.

Option: oxymade_colors_enabled
Default: true

Enable for access to the color palette editor and color picker integrations.

Sync Settings

Variable Sync Mode

Control how OxyMade syncs variables with Oxygen:

Option: oxymade_variables_mode
Default: add_new

Sync with Oxygen Toggle

Enable automatic syncing when you make changes in OxyMade.

Option: oxymade_sync_with_oxygen
Default: false

Warning: With sync enabled, changes to your color palette will immediately update Oxygen’s variables. Consider the impact on existing designs.

Design Set Selection

Choose your base design template:

Option: oxymade_default_designset_template
Values: layers, minimal, modern, classic
Default: layers

Each design set includes:

• Pre-configured color palette
• Typography scale settings
• Spacing values
• Component styles

Typography Configuration

Configure the typography system:

[
    'typescale_enabled' => true,
    'fluid_enabled' => true,
    'base_font_size_mobile' => 16,
    'base_font_size_desktop' => 18,
    'typescale_mobile' => 1.25,
    'typescale_desktop' => 1.33,
    'custom_sizes' => []
]

Type Scale Ratios

Common type scale ratios:

Database Options Reference

All OxyMade settings stored in WordPress options:

Resetting Configuration

To reset OxyMade to default settings:

1. Go to OxyMade settings
2. Click Reset to Defaults (if available)
3. Or manually delete the options in your database

Note: Resetting configuration will not remove variables already synced to Oxygen. You may need to manually remove those from Oxygen’s settings.

Configuration Best Practices

1. Start with a design set - Choose one that’s closest to your needs
2. Use Add New mode first - Avoid overwriting existing Oxygen variables
3. Backup before syncing - Especially when using Replace mode
4. Test on staging - Verify changes before applying to production
5. Document customizations - Keep track of changes you make

Next Steps

• Customize your Color Palette
• Configure Typography
• Set up Spacing