FOIER Studio | Template Compiler

1. Basic & Global Branding

Bride's Name

Groom's Name

Browser Tab Title

Wedding Date (Text Display)

Countdown Target (Date & Time)

Universal Button Typography

Custom CSS Injection

Custom JS Injection

Navigation Bar

Liquid Glass Settings

Shadow Settings

Shadow Y-Offset (px)

Shadow Blur (px)

Mobile Menu Overlay Settings

Auto-hide when scrolling UP (appear on scroll down)

Note: The navigation bar is always hidden on initial load and will safely appear after scrolling past the Hero section.

Layout & Logo

Desktop Layout

Mobile Layout

Logo Type

Mobile Menu Icon Type

Logo Text

Logo Typography

Navigation Links

Link 1 Text

Link 1 URL

Link 2 Text

Link 2 URL

Link 3 Text

Link 3 URL

Link 4 Text

Link 4 URL

Links Typography

Links Interaction

RSVP Button

RSVP Button Text

RSVP Button URL

Padding Y (rem)

rem

Padding X (rem)

rem

Border Radius (rem)

rem

RSVP Button Colors

2. Core Assets

Background Song Title

Background Song Artist

Remove [ ] brackets in titles and links

3. Hero Section

Enable Image Overlay

Top Subtitle

Bottom Details

Typography & Layout

Names Size (Desktop)

rem

Names Size (Mobile)

rem

Names Gap (Top)

Top Title Size (Desktop)

rem

Top Title Size (Mobile)

rem

Top Title Gap (Top)

Date Size (Desktop)

rem

Date Size (Mobile)

rem

Date Gap (Top)

Bottom Details Size (Desktop)

rem

Bottom Details Size (Mobile)

rem

Bottom Details Gap (Bottom)

4. Story Section

Main Title

Enable Compact Music Player (Fixed Bottom Right)

Music Player Label

Story Paragraphs

Story Styling & Colors

Music Player Colors

Layout Configuration (Desktop)

5. Venue Section

Ceremony & Reception venue are the same.

Check this if everything takes place in one location. It will hide the reception card and use its image for the venue details.

The Ceremony

Section Label

Venue Name

Address/City

Time

Button Text

Button Link

Ceremony Button Colors

The Reception

Section Label

Venue Name

Address/City

Time

Button Text

Button Link

Reception Button Colors

Venue Styling & Fonts

6. Attire Section

Main Title

Top Subtitle

Main Description

Guest Categories

Attire Styling & Fonts

7. Timeline Section

Main Title

Date Subtitle

Timeline Events

Timeline Styling & Fonts

Dot Interaction Colors

8. Countdown Section

Section Label

Button Text

Button Link

Note: The target countdown date and time is controlled globally in Section 1.

Countdown Button Colors

Countdown Styling & Fonts

9. Gallery & Video

Remove Noise/Grain Overlay Effect

Hide Film Section Title, Subtitle & Video (Show Buttons Only)

Gallery Main Title

Gallery Subtitle

Film Main Title

Film Subtitle

Video Link (URL)

Film Archive Galleries

Gallery Styling & Fonts

10. Entourage

Main Title

Entourage Roster (Groups)

Entourage Styling & Fonts

11. Gift Registry

Main Title (Description)

Subtitle

Registry Buttons

Registry Styling & Fonts

12. FAQs

Main Title

Frequently Asked Questions

FAQ Styling & Fonts

13. RSVP Section

Main Title

Subtitle

Description

Form Embed Code

RSVP Styling & Fonts

14. Footer Section

Left Text

Hide

Center Text

Hide

Right Text

Hide

Footer Styling & Fonts

Footer Spacing

Top Padding (rem)

6rem

Bottom Padding (rem)

6rem