body.page-disney-character-picker { background: #fff0f8; }
body.page-disney-character-picker::before {
content: '';
position: fixed; inset: 0; z-index: -1;
background:
radial-gradient(ellipse at 30% 20%, rgba(192,0,120,0.12) 0%, transparent 55%),
radial-gradient(ellipse at 70% 80%, rgba(112,32,192,0.10) 0%, transparent 55%),
linear-gradient(160deg, #fff4fc 0%, #ffe8f8 40%, #f8e0ff 100%);
}
body.page-disney-character-picker .content-wrapper { position: relative; }
body.page-disney-character-picker header, body.page-disney-character-picker .wrapper.bg-light { background: rgba(100,0,60,0.90) !important; border-bottom: 1px solid rgba(192,0,120,0.40) !important; }
body.page-disney-character-picker header a, body.page-disney-character-picker header .nav-link, body.page-disney-character-picker header .navbar-brand { color: #ffd8f0 !important; }
/* ── Sticky/cloned navbar — fixes white-on-scroll bug ── */
body.page-disney-character-picker .navbar-light {
background-color: rgba(100,0,60,0.92) !important;
border-bottom-color: rgba(192,0,120,0.40) !important;
}
body.page-disney-character-picker .dropdown-menu {
--bs-dropdown-bg: rgba(100,0,60,0.97);
--bs-dropdown-link-hover-bg: rgba(192,0,120,0.15);
--bs-dropdown-link-hover-color: #ffd8f0;
border-color: rgba(192,0,120,0.40) !important;
}
body.page-disney-character-picker .dropdown-item { color: #ffd8f0 !important; }
body.page-disney-character-picker .navbar-clone,
body.page-disney-character-picker .navbar-clone.navbar-stick,
body.page-disney-character-picker .navbar-stick,
body.page-disney-character-picker nav.navbar.fixed-top,
body.page-disney-character-picker .navbar-scrolled {
background: rgba(100,0,60,0.95) !important;
border-bottom: 1px solid rgba(192,0,120,0.40) !important;
}
body.page-disney-character-picker .navbar-clone .nav-link,
body.page-disney-character-picker .navbar-clone .navbar-brand,
body.page-disney-character-picker .navbar-clone a,
body.page-disney-character-picker .navbar-stick .nav-link,
body.page-disney-character-picker .navbar-stick .navbar-brand,
body.page-disney-character-picker .navbar-stick a { color: #ffd8f0 !important; }
body.page-disney-character-picker .bg-light.border-bottom.py-3 { background: rgba(100,0,60,0.86) !important; border-bottom: 1px solid rgba(192,0,120,0.30) !important; }
body.page-disney-character-picker .bg-light.border-bottom.py-3 h1, body.page-disney-character-picker .bg-light.border-bottom.py-3 .h3 { color: #ffd8f0 !important; font-weight: 800; }
body.page-disney-character-picker .bg-light.border-bottom.py-3 .text-muted { color: #f0a8d8 !important; }
body.page-disney-character-picker .badge.bg-primary { background: rgba(192,0,120,0.18) !important; border-color: rgba(192,0,120,0.45) !important; color: #ffd8f0 !important; }
body.page-disney-character-picker .container { background: transparent !important; }
body.page-disney-character-picker .wheel-card-mobile, body.page-disney-character-picker .card.shadow-sm { background: var(--dc-card) !important; border: 1.5px solid var(--dc-border) !important; box-shadow: 0 4px 24px rgba(176,0,96,0.14) !important; }
body.page-disney-character-picker .heading-color, body.page-disney-character-picker #wheelTitle { color: var(--dc-rose) !important; font-weight: 800; }
body.page-disney-character-picker .centerspin-item { border-radius: 14px !important; border: 1.5px solid rgba(192,0,120,0.20) !important; }
body.page-disney-character-picker .centerspin-item-image img { border-radius: 50% !important; padding: 4px; background: rgba(255,255,255,0.60); }
body.page-disney-character-picker .centerspin-item-name { font-weight: 700 !important; }
body.page-disney-character-picker .center-glow { box-shadow: 0 0 26px rgba(192,0,120,0.60), 0 0 48px rgba(192,160,0,0.30) !important; border-color: var(--dc-gold) !important; }
body.page-disney-character-picker .spin-center-btn, body.page-disney-character-picker #mainSpinBtn, body.page-disney-character-picker #centerSpinBtn { background: linear-gradient(135deg, #b00060 0%, #c09000 50%, #7020c0 100%) !important; color: #fff !important; border: 2px solid rgba(176,0,96,0.55) !important; font-weight: 700 !important; }
body.page-disney-character-picker #itemsTextarea { background: rgba(255,255,255,0.85) !important; border-color: rgba(192,0,120,0.25) !important; color: #4a0030 !important; }
body.page-disney-character-picker .col-lg-5 .card .card-title { color: var(--dc-rose) !important; }
body.page-disney-character-picker .col-lg-5 a.fw-semibold { color: var(--dc-rose) !important; }
body.page-disney-character-picker hr { border-color: rgba(192,0,120,0.18); }
body.page-disney-character-picker .dc-content { background: rgba(255,240,252,0.80); padding: 3.5rem 0; }
body.page-disney-character-picker .dc-content h2 { color: var(--dc-rose) !important; font-weight: 800; }
body.page-disney-character-picker .dc-content h3 { color: var(--dc-magic) !important; }
body.page-disney-character-picker .dc-content p, body.page-disney-character-picker .dc-content li { color: #3a0020 !important; line-height: 1.8; }
body.page-disney-character-picker .dc-content strong { color: var(--dc-rose) !important; }
body.page-disney-character-picker .dc-content .card { background: rgba(255,255,255,0.78) !important; border-left: 4px solid rgba(176,0,96,0.50) !important; border-top: none !important; border-right: none !important; border-bottom: none !important; }
body.page-disney-character-picker .dc-content h5 { color: var(--dc-rose) !important; }
body.page-disney-character-picker .dc-content .text-muted { color: #7a4060 !important; }
body.page-disney-character-picker .dc-content .accordion-item { background: rgba(255,255,255,0.78) !important; border: 1px solid rgba(192,0,120,0.18) !important; border-radius: 10px !important; margin-bottom: 0.5rem; overflow: hidden; }
body.page-disney-character-picker .dc-content .accordion-button { background: rgba(255,240,252,0.85) !important; color: #4a0030 !important; font-weight: 600; }
body.page-disney-character-picker .dc-content .accordion-button:not(.collapsed) { background: rgba(192,0,120,0.12) !important; color: var(--dc-rose) !important; box-shadow: none !important; }
body.page-disney-character-picker .dc-content .accordion-body { background: rgba(255,255,255,0.72) !important; color: #7a4060 !important; }
body.page-disney-character-picker section.bg-white.py-12 { background: rgba(255,240,252,0.80) !important; border-top: 1px solid rgba(192,0,120,0.16) !important; }
body.page-disney-character-picker section.bg-white.py-12 h2 { color: var(--dc-rose) !important; }
body.page-disney-character-picker section.bg-white.py-12 .card { background: rgba(255,255,255,0.78) !important; border-color: rgba(192,0,120,0.18) !important; }
body.page-disney-character-picker section.bg-white.py-12 h3, body.page-disney-character-picker section.bg-white.py-12 .text-muted { color: #7a4060 !important; }
body.page-disney-character-picker section.bg-white.py-12 .text-primary, body.page-disney-character-picker section.bg-white.py-12 .btn-outline-primary { color: var(--dc-rose); border-color: rgba(176,0,96,0.45); }
body.page-disney-character-picker footer { background: rgba(70,0,40,0.94) !important; border-top: 1px solid rgba(192,0,120,0.20) !important; }
body.page-disney-character-picker .offcanvas { background: rgba(255,244,254,0.97) !important; }
/* ── Modal ── */
body.page-disney-character-picker .modal-content {
background: rgba(255,240,252,0.98) !important;
border: 2px solid var(--dc-rose) !important; color: #3a0020;
}
body.page-disney-character-picker .modal-title { color: var(--dc-rose) !important; font-weight: 800; }
body.page-disney-character-picker #winnerName {
color: var(--dc-rose) !important; font-weight: 800;
text-shadow: 0 0 12px rgba(176,0,96,0.40);
}
body.page-disney-character-picker .modal-header,
body.page-disney-character-picker .modal-footer { border-color: rgba(176,0,96,0.20) !important; }
/* ── CenterSpin container override ── */
body.page-disney-character-picker .centerspin-container,
body.page-disney-character-picker #centerspinSpin { background: rgba(255,220,248,0.55) !important; }
/* ── Winner icon ── */
#dc-winner-icon {
display: block; width: 110px; height: 110px;
margin: 0 auto 1rem; object-fit: contain;
border-radius: 50%; padding: 10px;
background: rgba(255,255,255,0.80);
border: 2px solid rgba(176,0,96,0.40);
box-shadow: 0 0 20px rgba(176,0,96,0.20);
}
#dc-winner-icon.dc-icon-hidden { display: none; }
What Is the Disney Character Picker Wheel?
The Disney Character Picker Wheel randomly selects a beloved Disney character from your personalised list using a magical vertical reel. Five characters — Elsa, Moana, Simba, Mickey Mouse and Stitch — appear with unique hand-crafted icons. Whether you're hosting a princess party, picking costumes, assigning drawing prompts, or running a Disney trivia night, this free spinner brings the magic of Disney to your random selection.
Popular Use Cases
👑 Princess & Character Parties
Spin to assign each guest their Disney character — costumes, name badges, and team challenges all built around the magical spin result.
🎬 Disney Movie Night
Replace character names with Disney movie titles and spin to fairly pick which film the family watches together.
🎨 Drawing & Crafts
Spin to pick a random Disney character to draw or craft — brilliant for art-focused kids activities and creative rainy-day sessions.
🧠 Disney Trivia
Spin to pick the character each quiz question focuses on — keeps Disney quiz nights surprising and engaging for everyone.
How to Use the Disney Character Picker
- View the default characters — 12 iconic Disney favourites, 5 with custom icons.
- Customise the list — add Pixar characters, Disney villains, or modern favourites. One per line.
- Click PICK A CHARACTER! — the vertical reel spins through all characters and locks on your random selection.
- Use your result — for costumes, play, drawing, or creative projects.
- Spin again freely — unlimited spins, always free.
Frequently Asked Questions
12 characters with 5 custom icons — Elsa, Moana, Simba, Mickey Mouse, Stitch, plus Rapunzel, Ariel, Belle, Woody, Buzz, Mulan, Aladdin.
Yes. Edit the text box — one per line. Pixar, Marvel Disney, and Star Wars characters all work instantly.
Perfect. Spin to assign each guest a Disney character for costumes, team names, or activity roles at princess parties and Disney celebrations.
Yes, completely free. No sign-up or download required.