CA Smart Staycation — Page Designer

Theme & Layout

Quick Theme

Primary Secondary Accent Accent Light Page Background Card Background Text Muted Text Input Border Button Text

Font Style Card Shadow Card Radius Page Radius Button Radius Hero Overlay Opacity

Hero Overlay Color

Desktop Hero Size & Position

These controls affect the large hero text panel on desktop/tablet only. Use them to keep the translucent panel from overlapping the booking section below.

Panel Maximum Width (px) Panel Side Padding (px) Panel Top/Bottom Padding (px) Hero Title Size (px) Hero Title Line Height Eyebrow Size (px) Eyebrow Letter Spacing (px) Eyebrow Bottom Space (px) Description Size (px) Description Top Space (px) Description Bottom Space (px) Reserve Button Text (px) Guest Login Text (px) Panel Vertical Position (px) Panel Background Opacity Panel Corner Radius (px)

Tip: smaller Title Size and Top/Bottom Padding make the panel shorter. A more negative Vertical Position moves it upward away from the booking section.

Mobile View (Phone)

These controls affect only phones at 600px wide and below. Desktop/tablet styling stays unchanged. The new default title size is smaller so the hero does not look oversized on mobile.

Hero Minimum Height (px) Hero Side Padding (px) Hero Top/Bottom Padding (px) Hero Title Size (px) Hero Title Line Height Eyebrow Size (px) Eyebrow Letter Spacing (px) Eyebrow Bottom Space (px) Description Size (px) Description Top Space (px) Description Bottom Space (px) Reserve Button Text (px) Guest Login Text (px) Header Business Name (px) Header Button Text (px) Booking Heading Size (px) Booking Page Side Padding (px) Booking Card Padding (px) Hero Image Position Hero Text Alignment

Stack Reserve and Guest Login actions vertically on phones

Background Images

Hero Image URL

Whole Page Background Image URL

JPG, PNG, or WEBP up to 8 MB. Uploaded images are stored in your existing MongoDB file storage.

Show / Hide & Announcement

Show Hero Section Show Footer Show Booking Information Cards Show Guest Login Links Show Announcement Banner Announcement Text

Brand, Header & Hero Text

Booking Section & Form Labels

Booking Information & Vehicle Text

Submit Button & Footer

Advanced Custom CSS

Optional. Use this only when you want a design adjustment not covered by the controls above. Booking JavaScript is not editable here.

Restore working design

Returns the guest booking page to the September 1, 2026 master default. Booking data and rates are not affected.

Live PreviewSwitch between desktop and phone size before saving.