## Results Styling Configuration — Help Guide

This guide explains every function, option, and workflow in the results_styling.php panel for customizing event results appearance.

Introduction
The Results Styling Configuration panel lets you fully customize the look and feel of event results, including headers, footers, logos, fonts, colors, tables, watermarks, and more. Use this guide to understand all features and resolve common questions.
Table of Contents

#### Panel Overview

- Customize the appearance of event results for print and web.
- Configure headers, footers, logos, fonts, colors, table styles, margins, and more.
- Preview, save, load, and reset styling settings.
- Apply quick presets or copy styling from another event.

#### Event & Config Selection

- Select the event to style using the dropdown.
- Optionally select a specific configuration for config-specific styling.
- Event-wide styling applies to all configurations unless overridden.

#### Logo Configuration

- Upload a logo image (JPG, PNG, GIF, SVG, max 5MB).
- Choose logo position: left, center, or right.
- Select logo size: small, medium, or large.
- Preview and remove the logo as needed.

#### Header & Footer

- Edit header and footer content using a rich text editor (TinyMCE).
- Show or hide event information (name, date, location) in the header.
- Show or hide generation date/time in the footer.

#### Visual Styling

- Choose font family and size for all results.
- Set primary and secondary colors (for headers, highlights, etc.).
- Select table style: striped, bordered, or plain.
- Set page margins: narrow or normal.

#### Watermark

- Add optional watermark text (e.g., OFFICIAL, PRELIMINARY).
- Adjust watermark opacity for subtlety.

#### Custom CSS

- Add advanced custom CSS rules for further appearance control.
- Use for special formatting, branding, or print tweaks.

#### Actions & Presets

- Preview: See a live preview of your styling.
- Save: Store your current styling for the event/config.
- Load: Load existing saved styling.
- Reset: Restore default styling settings.
- Copy: Copy styling from another event.
- Apply quick presets: Professional, Sport, Elegant, Minimal, Consolas, etc.

#### FAQ

##

Click the Preview Styling button in the Actions panel to see a live preview of your current settings.

##

Yes, select a configuration in the dropdown to apply config-specific styling. Otherwise, event-wide styling is used.

##

JPG, PNG, GIF, and SVG files up to 5MB are supported.

##

Click the Reset to Defaults button in the Actions panel to restore all settings to their original values.

##

Yes, use the Custom CSS section for advanced tweaks and branding.

#### Troubleshooting

- Logo not uploading: Check file type and size (max 5MB, JPG/PNG/GIF/SVG).
- Preview not updating: Make sure all required fields are filled and try again.
- Styling not saving: Ensure you have selected an event and have permission to save.
- Custom CSS not applying: Check for syntax errors in your CSS.