.ndh26-page, .ndh26-page *, .ndh26-page *::before, .ndh26-page *::after { box-sizing: border-box; } .ndh26-page { –ndh-green: #173b2c; –ndh-green-dark: #0b241b; –ndh-red: #8f2d27; –ndh-gold: #c39243; –ndh-gold-soft: #efd28d; –ndh-cream: #fff8ec; –ndh-ivory: #f5efe5; –ndh-white: #ffffff; –ndh-text: #312c27; –ndh-muted: #736c63; –ndh-border: #e3d8c7; position: relative !important; z-index: 0; display: block !important; clear: both !important; float: none !important; isolation: isolate; width: 100% !important; max-width: 1180px !important; min-width: 0 !important; margin: 30px auto 0 !important; padding: 0 !important; overflow: hidden !important; color: var(–ndh-text); background: var(–ndh-white); font-family: Arial, Helvetica, sans-serif; line-height: 1.65; } .ndh26-page img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: contain !important; aspect-ratio: auto !important; } .ndh26-page h1, .ndh26-page h2, .ndh26-page h3, .ndh26-page p, .ndh26-page ul, .ndh26-page figure { margin-top: 0; } .ndh26-page h1, .ndh26-page h2, .ndh26-page h3 { font-family: Georgia, ‘Times New Roman’, serif; line-height: 1.12; } .ndh26-page a { text-decoration: none; } .ndh26-page .ndh26-section { position: relative; display: block; clear: both; width: 100%; padding: 54px 20px; } .ndh26-page .ndh26-center { text-align: center; } .ndh26-page .ndh26-kicker { display: inline-flex; margin-bottom: 14px; padding: 7px 15px; align-items: center; justify-content: center; border: 1px solid rgba(195,146,67,.52); border-radius: 999px; color: #825e22; background: #f9edd6; font-size: 11px; font-weight: 900; line-height: 1.2; letter-spacing: 1.15px; text-transform: uppercase; } .ndh26-page .ndh26-title { max-width: 850px; margin: 0 auto 16px; color: var(–ndh-green-dark); font-size: clamp(27px,3.4vw,38px); font-weight: 700; letter-spacing: -0.8px; overflow-wrap: break-word; } .ndh26-page .ndh26-subtitle { max-width: 720px; margin: 0 auto 28px; color: var(–ndh-muted); font-size: 17px; line-height: 1.75; } .ndh26-page .ndh26-button { display: inline-flex; min-height: 56px; padding: 16px 29px; align-items: center; justify-content: center; border: 1px solid #ddb861; border-radius: 9px; color: #201607 !important; background: linear-gradient( 135deg, #af7829 0%, #ecd080 50%, #9f6923 100% ); box-shadow: 0 13px 29px rgba(55,40,17,.23); font-size: 16px; font-weight: 900; line-height: 1.25; text-align: center; transition: transform .2s ease, box-shadow .2s ease; } .ndh26-page .ndh26-button:hover { color: #201607 !important; transform: translateY(-2px); box-shadow: 0 17px 35px rgba(55,40,17,.30); } /* HERO */ .ndh26-page .ndh26-hero { position: relative; display: block; clear: both; width: 100%; padding: 66px 20px 40px; overflow: hidden; color: #ffffff; text-align: center; background: radial-gradient( circle at 50% 8%, rgba(211,169,78,.18), transparent 35% ), radial-gradient( circle at 10% 18%, rgba(145,47,39,.16), transparent 29% ), linear-gradient( 145deg, #071b14 0%, #173b2c 57%, #081d16 100% ); } .ndh26-page .ndh26-hero-content { width: 100%; max-width: 940px; margin: 0 auto; } .ndh26-page .ndh26-hero .ndh26-kicker { color: var(–ndh-gold-soft); border-color: rgba(239,210,141,.40); background: rgba(255,255,255,.05); } .ndh26-page .ndh26-main-title { max-width: 940px; margin: 0 auto 19px; color: #ffffff !important; font-size: clamp(36px,4.5vw,54px); font-weight: 700; line-height: 1.03 !important; letter-spacing: -1.7px; overflow-wrap: break-word; } .ndh26-page .ndh26-main-title span { color: #f1d68e; text-shadow: 0 0 24px rgba(231,193,103,.23); } .ndh26-page .ndh26-hero-copy { max-width: 750px; margin: 0 auto 27px; color: #e6eee9; font-size: 18px; line-height: 1.75; } .ndh26-page .ndh26-hero-note { margin: 15px 0 0; color: #bdd0c6; font-size: 13px; } .ndh26-page .ndh26-hero-image { display: block; width: 100%; max-width: 880px; margin: 38px auto 0; padding: 8px; overflow: hidden; border: 1px solid rgba(239,210,141,.36); border-radius: 18px; background: #08160f; box-shadow: 0 27px 58px rgba(0,0,0,.38); } .ndh26-page .ndh26-hero-image img { border-radius: 11px; } /* FACTS */ .ndh26-page .ndh26-facts-wrap { display: block; clear: both; width: 100%; padding: 38px 15px 44px; background: var(–ndh-cream); } .ndh26-page .ndh26-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); width: 100%; max-width: 940px; margin: 0 auto; overflow: hidden; border: 1px solid #e4dccd; border-radius: 14px; background: #ffffff; box-shadow: 0 12px 29px rgba(49,58,46,.07); } .ndh26-page .ndh26-fact { min-width: 0; padding: 23px 10px; border-right: 1px solid #eee8dd; border-bottom: 1px solid #eee8dd; text-align: center; } .ndh26-page .ndh26-fact strong { display: block; color: var(–ndh-green); font-family: Georgia, ‘Times New Roman’, serif; font-size: 23px; line-height: 1.1; } .ndh26-page .ndh26-fact span { display: block; margin-top: 8px; color: #7a746a; font-size: 11px; font-weight: 900; line-height: 1.4; letter-spacing: .45px; text-transform: uppercase; } /* EMOTIONAL */ .ndh26-page .ndh26-emotion { background: #ffffff; } .ndh26-page .ndh26-callout { max-width: 780px; margin: 31px auto 0; padding: 29px 24px; border-left: 4px solid var(–ndh-red); border-radius: 5px 15px 15px 5px; color: var(–ndh-green-dark); background: #fffaf3; box-shadow: 0 11px 27px rgba(45,57,47,.06); font-family: Georgia, ‘Times New Roman’, serif; font-size: 21px; line-height: 1.55; text-align: left; } .ndh26-page .ndh26-callout small { display: block; margin-top: 13px; color: var(–ndh-muted); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.65; } /* SPLIT */ .ndh26-page .ndh26-split { display: grid; grid-template-columns: repeat( auto-fit, minmax(min(100%,420px),1fr) ); gap: clamp(30px,5vw,60px); align-items: center; } .ndh26-page .ndh26-split > * { min-width: 0; } .ndh26-page .ndh26-copy { width: 100%; min-width: 0; } .ndh26-page .ndh26-copy p { margin-bottom: 18px; color: var(–ndh-muted); font-size: 16px; line-height: 1.75; } .ndh26-page .ndh26-image-card { display: block; width: 100%; max-width: 620px; margin: 0 auto; padding: 8px; overflow: hidden; border: 1px solid #dce2dd; border-radius: 17px; background: #ffffff; box-shadow: 0 19px 43px rgba(37,54,45,.12); } .ndh26-page .ndh26-image-card img { border-radius: 10px; } .ndh26-page .ndh26-checks { margin: 22px 0 0; padding: 0; list-style: none; } .ndh26-page .ndh26-checks li { position: relative; margin-bottom: 14px; padding-left: 35px; color: var(–ndh-text); font-size: 15px; font-weight: 700; line-height: 1.55; } .ndh26-page .ndh26-checks li::before { position: absolute; top: 1px; left: 0; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; color: #ffffff; background: var(–ndh-green); content: ‘OK’; font-size: 8px; font-weight: 900; } /* DARK */ .ndh26-page .ndh26-dark { color: #ffffff; background: radial-gradient( circle at 88% 12%, rgba(213,171,82,.14), transparent 30% ), radial-gradient( circle at 10% 85%, rgba(145,47,39,.13), transparent 28% ), linear-gradient( 145deg, #071b14, #14382a ); } .ndh26-page .ndh26-dark .ndh26-title { color: #ffffff; } .ndh26-page .ndh26-dark .ndh26-copy p { color: #dce8e2; } .ndh26-page .ndh26-dark .ndh26-checks li { color: #f4f8f5; } .ndh26-page .ndh26-dark .ndh26-checks li::before { color: var(–ndh-green-dark); background: var(–ndh-gold-soft); } /* BENEFITS */ .ndh26-page .ndh26-benefits { background: var(–ndh-ivory); } .ndh26-page .ndh26-card-grid { display: grid; grid-template-columns: repeat( auto-fit, minmax(min(100%,240px),1fr) ); gap: 18px; margin-top: 32px; } .ndh26-page .ndh26-card { min-width: 0; padding: 27px 21px; border: 1px solid var(–ndh-border); border-radius: 15px; background: #ffffff; box-shadow: 0 10px 26px rgba(37,56,47,.06); text-align: left; } .ndh26-page .ndh26-card-number { display: flex; width: 52px; height: 52px; margin-bottom: 18px; align-items: center; justify-content: center; border-radius: 14px; color: #ffffff; background: var(–ndh-green); font-size: 15px; font-weight: 900; } .ndh26-page .ndh26-card h3 { margin-bottom: 10px; color: var(–ndh-green-dark); font-size: 20px; } .ndh26-page .ndh26-card p { margin-bottom: 0; color: var(–ndh-muted); font-size: 15px; line-height: 1.7; } /* SHOWCASE */ .ndh26-page .ndh26-showcase-frame { display: block; width: 100%; max-width: 840px; margin: 33px auto 0; padding: 8px; overflow: hidden; border: 1px solid #dce2dd; border-radius: 17px; background: #ffffff; box-shadow: 0 21px 46px rgba(37,53,45,.12); } .ndh26-page .ndh26-showcase-frame img { border-radius: 10px; } /* STEPS */ .ndh26-page .ndh26-steps { background: #ffffff; } .ndh26-page .ndh26-step-grid { display: grid; grid-template-columns: repeat( auto-fit, minmax(min(100%,210px),1fr) ); gap: 18px; margin-top: 32px; } .ndh26-page .ndh26-step { padding: 27px 20px; border: 1px solid #dfe6e1; border-radius: 15px; background: #fafcfb; text-align: center; } .ndh26-page .ndh26-step-number { display: flex; width: 50px; height: 50px; margin: 0 auto 17px; align-items: center; justify-content: center; border-radius: 50%; color: #ffffff; background: var(–ndh-red); font-size: 20px; font-weight: 900; } .ndh26-page .ndh26-step h3 { margin-bottom: 9px; color: var(–ndh-green-dark); font-size: 19px; } .ndh26-page .ndh26-step p { margin-bottom: 0; color: var(–ndh-muted); font-size: 14px; line-height: 1.65; } /* DAY NIGHT */ .ndh26-page .ndh26-daynight { background: linear-gradient( 135deg, #fbfaf6, #f0f4f1 ); } /* PLACEMENT */ .ndh26-page .ndh26-placement { color: #ffffff; background: radial-gradient( circle at 12% 14%, rgba(219,177,84,.17), transparent 29% ), linear-gradient( 140deg, #721f1c, #a0332d ); } .ndh26-page .ndh26-placement .ndh26-title { color: #ffffff; } .ndh26-page .ndh26-placement .ndh26-subtitle { color: #f4dfdc; } .ndh26-page .ndh26-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 820px; margin: 28px auto 0; } .ndh26-page .ndh26-tag { padding: 10px 16px; border: 1px solid rgba(248,222,157,.48); border-radius: 999px; color: #f9e3ab; background: rgba(255,255,255,.07); font-size: 13px; font-weight: 800; } /* KIT CONTENTS */ .ndh26-page .ndh26-box { background: var(–ndh-ivory); } .ndh26-page .ndh26-box-grid { display: grid; grid-template-columns: repeat( auto-fit, minmax(min(100%,180px),1fr) ); gap: 14px; max-width: 980px; margin: 31px auto 0; } .ndh26-page .ndh26-box-item { padding: 22px 15px; border: 1px solid #e1d8c9; border-radius: 14px; background: #ffffff; text-align: center; } .ndh26-page .ndh26-box-item strong { display: block; color: var(–ndh-green-dark); font-size: 15px; line-height: 1.4; } .ndh26-page .ndh26-box-item span { display: block; margin-top: 6px; color: var(–ndh-muted); font-size: 12px; line-height: 1.5; } /* COMPARE */ .ndh26-page .ndh26-compare { background: var(–ndh-cream); } .ndh26-page .ndh26-compare-grid { display: grid; grid-template-columns: repeat( auto-fit, minmax(min(100%,350px),1fr) ); gap: 18px; width: 100%; max-width: 860px; margin: 31px auto 0; text-align: left; } .ndh26-page .ndh26-compare-card { min-width: 0; padding: 27px 22px; border-radius: 15px; } .ndh26-page .ndh26-compare-card.ndh26-basic { border: 1px solid #ddd9d2; background: #ece9e4; } .ndh26-page .ndh26-compare-card.ndh26-special { border: 2px solid var(–ndh-gold); background: #ffffff; box-shadow: 0 15px 31px rgba(91,67,24,.10); } .ndh26-page .ndh26-compare-card h3 { margin-bottom: 15px; color: var(–ndh-green-dark); font-size: 21px; } .ndh26-page .ndh26-compare-card ul { margin: 0; padding-left: 20px; color: var(–ndh-muted); } .ndh26-page .ndh26-compare-card li { margin-bottom: 10px; font-size: 15px; line-height: 1.6; } /* FAQ */ .ndh26-page .ndh26-faq { background: #ffffff; } .ndh26-page .ndh26-faq-list { display: block; width: 100%; max-width: 820px; margin: 29px auto 0; text-align: left; } .ndh26-page .ndh26-faq details { display: block; margin-bottom: 12px; overflow: hidden; border: 1px solid #dfe6e1; border-radius: 13px; background: #fafcfb; } .ndh26-page .ndh26-faq summary { position: relative; display: block; padding: 18px 49px 18px 18px; color: var(–ndh-green-dark); cursor: pointer; font-size: 16px; font-weight: 900; line-height: 1.45; list-style: none; } .ndh26-page .ndh26-faq summary::-webkit-details-marker { display: none; } .ndh26-page .ndh26-faq summary::after { position: absolute; top: 50%; right: 18px; color: var(–ndh-gold); content: ‘+’; font-size: 25px; line-height: 1; transform: translateY(-50%); } .ndh26-page .ndh26-faq details[open] summary::after { content: ‘-‘; } .ndh26-page .ndh26-faq-answer { padding: 0 18px 18px; color: var(–ndh-muted); font-size: 15px; line-height: 1.7; } /* FINAL */ .ndh26-page .ndh26-final { position: relative; display: block; clear: both; width: 100%; padding: 68px 20px; color: #ffffff; text-align: center; background: radial-gradient( circle at 50% 0%, rgba(213,172,82,.18), transparent 40% ), linear-gradient( 145deg, #071b14, #14392b ); } .ndh26-page .ndh26-final .ndh26-title { max-width: 800px; color: #ffffff; } .ndh26-page .ndh26-final-copy { max-width: 690px; margin: 0 auto 27px; color: #deebe5; font-size: 17px; line-height: 1.75; } .ndh26-page .ndh26-final-note { margin: 16px 0 0; color: #b8cbc2; font-size: 13px; } /* RESPONSIVE */ @media screen and (min-width:768px) { .ndh26-page .ndh26-section { padding: 72px 44px; } .ndh26-page .ndh26-hero { padding: 82px 44px 50px; } .ndh26-page .ndh26-facts-wrap { padding: 44px 30px 49px; } .ndh26-page .ndh26-final { padding: 82px 44px; } } @media screen and (min-width:1024px) { .ndh26-page .ndh26-section { padding: 80px 60px; } .ndh26-page .ndh26-hero { padding: 90px 60px 56px; } .ndh26-page .ndh26-copy p { font-size: 17px; } .ndh26-page .ndh26-final { padding: 90px 60px; } } @media screen and (max-width:767px) { .ndh26-page .ndh26-section { padding: 42px 20px; } .ndh26-page .ndh26-hero { padding: 54px 20px 36px; } .ndh26-page .ndh26-split { grid-template-columns: 1fr; gap: 26px; } .ndh26-page .ndh26-card-grid, .ndh26-page .ndh26-step-grid, .ndh26-page .ndh26-box-grid, .ndh26-page .ndh26-compare-grid { grid-template-columns: 1fr; } .ndh26-page .ndh26-main-title { font-size: 40px; } .ndh26-page .ndh26-title { font-size: 30px; } .ndh26-page .ndh26-hero-copy, .ndh26-page .ndh26-subtitle { font-size: 16px; } .ndh26-page .ndh26-hero-image, .ndh26-page .ndh26-image-card, .ndh26-page .ndh26-showcase-frame { max-width: 100%; } } @media screen and (max-width:480px) { .ndh26-page { margin-top: 20px !important; } .ndh26-page .ndh26-main-title { font-size: 38px; } .ndh26-page .ndh26-title { font-size: 30px; } .ndh26-page .ndh26-hero-copy, .ndh26-page .ndh26-subtitle { font-size: 16px; } .ndh26-page .ndh26-button { width: 100%; max-width: 420px; padding-right: 17px; padding-left: 17px; } .ndh26-page .ndh26-callout { font-size: 19px; } }

DIY Lighted Nativity Door Hanging Kit

Craft the Nativity. Create the Memory.

Build a warm Christmas door display with Mary, Joseph and Baby Jesus, then surround the scene with plaid fabric, greenery, a glowing star and soft fairy lights for a handmade-look welcome with meaning.

DIY craft kit | Lighted star and fairy lights | Nativity-inspired door decor

DIY Hands-On Christmas Project

Lighted Star and Fairy Lights

Nativity Mary Joseph and Baby Jesus

Door Decor Hang and Display

More Than Putting Up Decorations

Make the Decorating Part of Christmas

Some decorations come out of a box already finished. This one gives you the chance to build the scene yourself, arrange the greenery, place the Nativity figures and add the lights before it ever reaches the door.

The finished display is beautiful. The time spent making it is part of the gift. Turn one afternoon of Christmas crafting into a door decoration you can point to and say, ‘We made that together.’

All-In-One DIY Scene

Build the Whole Story From the Pieces Up

The product imagery shows a stable frame, Nativity figures, fabric strips, greenery, berries, pinecones, fence accents, a star topper and warm lights arranged as one complete crafting project.

That gives you room to shape the final look while still working from a coordinated Christmas design.

• Stable and frame base shown
• Mary Joseph and Baby Jesus pieces shown
• Plaid and burlap-style fabric accents
• Greenery berries pinecones and fence details
• Warm star topper and fairy lights

Craft. Light. Display.

Three Parts of One Christmas Experience

01

A Project to Share

Build and decorate the Nativity together instead of simply unpacking another finished holiday decoration.

02

A Warm Evening Glow

A lighted star and warm fairy lights add a cozy glow around the stable and Nativity scene after dark.

03

A Meaningful Welcome

Place the finished piece on a front door, entryway or indoor wall to bring the Nativity story into the first view of your Christmas home.

Easy to Build Into Your Own

From Kit to Door in 4 Simple Steps

1

Prepare

Lay out the base, figures, fabrics, greenery, decorative pieces and lights.

2

Assemble

Build the main structure and position Mary, Joseph and Baby Jesus inside the scene.

3

Decorate

Layer in ribbon, fabric, greenery, berries, pinecones and warm fairy lights.

4

Hang and Enjoy

Use the hanging cord to place the finished Nativity display on your chosen door or wall.

Handmade-Look Christmas Details

Rustic Layers With a Warm Glow

Tartan-style bows, burlap-inspired strips, wood-look stable details, evergreen sprigs and berry accents give the finished piece a layered handcrafted appearance.

The Nativity scene stays at the center while the glowing star and small warm lights frame the figures without overpowering them.

• Illuminated star topper
• Layered plaid fabric accents
• Nativity-inspired centerpiece
• Festive greenery and berry trim
• Warm white light around the stable

Beautiful by Day. Warmer After Dark.

One Decoration With Two Moods

In daylight, the plaid, greenery and Nativity figures create a rustic Christmas door piece. At night, the glowing star and warm fairy lights bring the stable scene forward with a softer holiday atmosphere.

Made for the Christmas Welcome

Give the Nativity Story a Place Guests See First

The product imagery shows the finished piece on a front door, in an entryway and as an indoor wall display, giving you several ways to work it into your Christmas decorating.

Front Door Entryway Indoor Wall Christmas Display Family Craft Faith-Inspired Decor

Pieces Shown in the Kit

Everything You Need to Build the Scene

The current product imagery lays out the main craft pieces and decorative elements included in the Nativity door hanging project.

Star Topper Lighted focal point

Stable Frame Base Main structure

Nativity Figures Mary Joseph and Baby Jesus

Fabric and Bow Pieces Plaid and burlap-style accents

Greenery and Berries Festive trim pieces

Pinecones and Fence Accents Rustic finishing details

Warm Fairy Lights Soft illuminated detail

Hanging and Fixing Pieces Cord and small accessories shown

A Project Worth Remembering

The Decoration Is Only Half the Story

When you build the Nativity together, the finished door hanging can become a reminder of the afternoon spent choosing where each ribbon, branch and figure should go.

Finished Decor vs. A Christmas Project

Make the Memory Before You Hang It

A ready-made decoration changes the door. A DIY Nativity project can change the door and give your family the experience of making it together.

Ready-Made Door Decor

• Comes already assembled
• Limited hands-on involvement
• Mostly about the finished look
• Little room to shape the arrangement
• No built-in crafting experience

DIY Nativity Door Hanging

• Hands-on Christmas craft project
• Nativity scene at the center
• Warm star and fairy lights
• Layered fabric and greenery details
• Display the piece after making it together

Frequently Asked Questions

Before You Start Crafting

Is this a finished decoration or a DIY kit?

The current product title and imagery present it as a DIY kit. The pieces are shown separately before being assembled and decorated into the finished Nativity hanging.

Does the finished Nativity light up?

Yes. The product imagery shows an illuminated star topper and warm fairy lights around the stable and decorative trim.

Which Nativity figures are shown?

The kit imagery shows Mary, Joseph and Baby Jesus with a manger as the central Nativity scene.

Where can the finished piece be displayed?

The product imagery shows the completed hanging on a front door, in an entryway and as an indoor wall display.

Does the kit include decorative greenery and fabric?

The current kit layout image shows greenery sprigs, berry picks, pinecones, plaid and burlap-style fabric strips and bow components among the craft pieces.

How is the finished piece hung?

The product imagery lists a hanging cord and small fixing accessories as part of the kit layout. Use the hanging method that is appropriate for your chosen door or wall surface.

Craft the Welcome. Keep the Memory.

Build a Nativity Scene Your Family Can Be Proud to Hang

Arrange the figures, layer the greenery, add the warm lights and turn a box of Christmas craft pieces into a meaningful Nativity display made by your own hands.