Clean, professional Elementor page template

Alright — here’s a clean, professional Elementor page template setup for writing and designing your book right inside WordPress, ready for print later.

🧱 ELEMENTOR BOOK PAGE TEMPLATE

(You can copy these settings into your WordPress → Elementor page settings panel.)

🧭 1. Page Settings

In Elementor sidebar:

Layout → Page Layout: Elementor Canvas (removes WordPress header/footer)
Content Width: 800px (≈ 6×9 in book page)
Padding: 50px top/bottom, 60px left/right
Background Color: #fffaf5 (soft cream, print-safe tone)
Typography Scale: set base font size to 16 px, line height 1.6 em

✍️ 2. Font & Text Hierarchy

Body text

Font: Merriweather or Garamond
Size: 16 px
Color: #1e1e1e
Line height: 1.6 em
Paragraph spacing: 1 em

Chapter titles

Font: Playfair Display or Cinzel
Size: 38 px
Weight: 600
Alignment: Center
Margin top: 120 px
Margin bottom: 40 px

Scene headers or subheadings

Font: Lora or Georgia
Size: 18 px
Style: Italic
Color: #5a4638

Drop cap (first letter of chapter)

Add a separate text widget at paragraph start
Font size: 60 px
Weight: 700
Color: #5a4638
Margin-right: 8 px

🎨 3. Decorative Elements

Add a thin horizontal line or symbol under each chapter title:

Use a Divider Widget
Weight: 1 px
Width: 50 px
Color: #5a4638
Align center

You can also insert Section Separators (three dots • • • or “❋”) between scenes.

🧾 4. Optional Header & Footer (for Print Version Only)

Inside Elementor → “Header/Footer & Blocks” plugin:

Header:

<Chapter Title>  |  <Book Title>

Alignment: justified, font size = 11 px, color = #777

Footer:
Insert “Page Number” shortcode from your print-PDF plugin (Print My Blog supports this).
Align center, same font as body text, size = 10 px.

📄 5. Page Template Flow (per Chapter)

Section 1 — Title Block

Chapter number (centered, uppercase)
Chapter name (larger serif font)
Divider line
100 px spacing before main text

Section 2 — Main Text

Two text widgets side by side = margin illusion (optional)
Paragraph spacing = 1 em
No images unless necessary

Section 3 — Quote or Scene Break (Optional)

Add a Quote widget
Font: Crimson Text Italic
Alignment: center
Color: #444

Section 4 — End of Chapter Marker

Symbol divider (❋ or — × —)
200 px spacing below

🧰 6. Export Settings (for Printing)

Once all chapters are built:

Install the plugin Print My Blog or PrintFriendly & PDF.
Go to plugin settings → Design Theme: Simple Book.
Export all book pages sequentially.
Check “Include Background Colors & Images.”
Save as PDF, then upload to KDP, IngramSpark, or Lulu.

✅ 7. Quick Checklist Before Print

Margins and spacing look balanced on both sides.
No text cutoffs near top/bottom.
All chapters use the same font sizes.
Headers/footers align properly in exported PDF.
Page numbers match your print layout.

Would you like me to draft the HTML + Elementor structure (ready to paste into your builder as a reusable “Chapter Template”)? That would give you a one-click base for every chapter going forward.

🧩 8. Elementor Chapter Template — Structure & HTML

When you create a new Section in Elementor, switch to “HTML view” (or use a text widget with HTML enabled).
Paste the following clean structure:

<section style="max-width:800px;margin:0 auto;padding:60px 60px 80px 60px;background-color:#fffaf5;">
  <!-- Chapter Title Block -->
  <div style="text-align:center;margin-top:80px;margin-bottom:40px;">
    <h3 style="font-family:'Lora',serif;font-size:18px;letter-spacing:2px;color:#5a4638;text-transform:uppercase;">
      Chapter 1
    </h3>
    <h1 style="font-family:'Playfair Display',serif;font-size:38px;font-weight:600;color:#1e1e1e;margin-top:10px;margin-bottom:20px;">
      The Dawn Between Shadows
    </h1>
    <hr style="width:50px;border:1px solid #5a4638;margin:0 auto 40px auto;">
  </div>

  <!-- Opening Drop Cap Paragraph -->
  <p style="font-family:'Merriweather',serif;font-size:16px;line-height:1.7;color:#1e1e1e;text-align:justify;">
    <span style="float:left;font-size:60px;line-height:0.8;font-weight:700;color:#5a4638;margin-right:8px;">T</span>
    he air shimmered with quiet thunder. Beneath a sky too close for comfort, the world exhaled and waited—
    the moment before creation remembered itself.
  </p>

  <!-- Main Body Text -->
  <p style="font-family:'Merriweather',serif;font-size:16px;line-height:1.7;color:#1e1e1e;text-align:justify;margin-top:1em;">
    Beyond the horizon, where silence took form, she walked alone through the dust of unfinished worlds.
    Every step wrote a new line across the unseen, every breath another page in the mind of the Source.
  </p>

  <p style="font-family:'Merriweather',serif;font-size:16px;line-height:1.7;color:#1e1e1e;text-align:justify;margin-top:1em;">
    You could almost hear the hum of forgotten names—the ones that built the first dawn, the ones that fell asleep
    before they finished the sentence of light.
  </p>

  <!-- Scene Break -->
  <div style="text-align:center;margin:50px 0;">
    <span style="font-size:20px;color:#5a4638;">❋ ❋ ❋</span>
  </div>

  <!-- Optional Pull Quote -->
  <blockquote style="font-family:'Crimson Text',serif;font-style:italic;font-size:18px;color:#444;border-left:3px solid #5a4638;padding-left:20px;margin:30px 0;">
    "Creation is not the beginning, but the remembering of what never forgot itself."
  </blockquote>

  <!-- End of Chapter Symbol -->
  <div style="text-align:center;margin-top:80px;">
    <span style="font-size:18px;color:#5a4638;">— ✦ —</span>
  </div>
</section>

🪶 9. How to Turn This into a Reusable Template

In Elementor, open a new page and paste the above section into an HTML widget.
Adjust fonts to your preference (use Elementor’s Typography controls if you prefer visual editing).
Once happy with spacing and design:
- Click the arrow next to “Update” → Save as Template.
- Name it “Book Chapter Layout.”
Now, every time you start a new chapter:
- Create a new Page → Click the “Folder” icon in Elementor → Insert “Book Chapter Layout.”
- Change the title, text, and scene breaks as needed.

🧾 10. Preparing for Print

When you’ve completed all chapters:

Install Print My Blog (by Michael Nelson).
Go to “Print My Blog → Print Setup.”
Under Content to Include:
- Select all your book pages (in order).
Under Design Theme: choose “Simple Book.”
Under Output: select “PDF File.”
Click Preview → adjust spacing until each chapter begins on a new page.
Download final PDF → upload to KDP, Lulu, or IngramSpark.

🧰 11. Optional: Add Flourishes for Print

If you want your book to feel more literary:

Header image: Add a small vector emblem (like a sunburst or sigil) above chapter titles.
Decorative drop caps: Create 26 SVG letters in Canva or Illustrator for a custom look.
Page numbers: Use Print My Blog’s automatic pagination (set bottom-center alignment).
Custom cover page: Design it in Canva (6×9 inches + 0.125-inch bleed) with spine width calculated from your total pages.

✅ 12. Final Checklist Before Upload

All fonts embedded.
Margins look even in preview mode.
Each chapter starts on a right-hand (odd) page.
Page count matches ISBN setup.
Cover fits trim size.
PDF exported at 300 DPI (for crisp print).

Alright — here’s how to build that same book-ready layout inside Elementor without touching code. Everything here can be done by dragging and styling widgets, one layer at a time.

🧱 13. Visual Elementor Layout (Drag-and-Drop Guide)

🪞 Section 1 — Chapter Title Block

Add a New Section → set width to 800 px → center it.
In the Style tab:
- Background color: #fffaf5
- Padding: 60 px top/bottom, 60 px left/right
Drag in a Heading Widget:
- Text: CHAPTER 1
- Font: Lora or Georgia
- Size: 18 px uppercase with 2 px letter spacing
- Color: #5a4638
Below it, add another Heading Widget:
- Text: The Dawn Between Shadows
- Font: Playfair Display or Cinzel
- Size: 38 px weight 600
- Alignment: Center
Add a Divider Widget under that:
- Width: 50 px Weight: 1 px Color: #5a4638
- Alignment: Center
Add 60 px of spacing beneath the divider.

📖 Section 2 — Opening Paragraph

Add a Text Editor Widget.
Paste your first paragraph.
In the first line, highlight the first letter and set:
- Font size ≈ 60 px, color #5a4638, bold.
- Add 8 px right margin.
- This gives the drop-cap effect.
Body Font: Merriweather or Garamond Size 16 px Line height 1.7 Color #1e1e1e.

📚 Section 3 — Body Text

Add another Text Editor Widget below.
Style identical to the first, but no drop cap.
Use Spacing Widget (20–30 px) between paragraphs for rhythm.

❋ Section 4 — Scene Break

Add a Heading Widget.
Type ❋ ❋ ❋ (Option+8 on Mac for the symbol).
Center align, Font size 20 px, Color #5a4638.
Add 50 px spacing before and after.

💬 Section 5 — Pull Quote (Optional)

Add a Text Editor Widget and paste your quote.
In Style:
- Font: Crimson Text Italic Size 18 px
- Color: #444
- Left border 3 px solid #5a4638
- Padding Left: 20 px
- Margin Top/Bottom: 40 px

✦ Section 6 — End Symbol

Add a Heading Widget with text — ✦ —.
Center align Color #5a4638 Size 18 px.
Add 100 px bottom spacing to mark chapter end.

🧾 14. Create Your Global Styles

Elementor → Site Settings → Typography:

Body: Merriweather 16 px / 1.7 em
Headings: Playfair Display 38 px
Accent Color: #5a4638
Then everything you add will stay consistent.

🪶 15. Saving Your Template

Once you finish designing the first chapter page:

Click the arrow beside Update → Save as Template.
Name it Book Chapter Template.
For each new chapter:
- Add new Page → Edit with Elementor → Insert Template → select Book Chapter Template.
- Swap titles and text only.

🖨️ 16. Exporting for Print (PDF)

Install Print My Blog plugin.

Go to Dashboard → Print My Blog → Print Setup.
Choose Pages → select all chapter pages in order.
Choose theme “Simple Book.”
Under Output → PDF.
Preview and check each chapter starts on a right-hand page.
Save PDF and upload to Amazon KDP or IngramSpark.

📦 17. Optional Design Add-Ons

Page Numbers: Use Print My Blog advanced settings → “Show Page Numbers.”
Headers/Footers: Use Elementor Header & Footer plugin → add Book Title top left / Chapter Title top right.
Illustrations: Add Image Widget → max width 300 px center aligned → compression set to 300 DPI for print.
Front Matter: Create separate pages for Title, Copyright, Dedication, Contents, and Foreword before Chapter 1.

✅ 18. Quick Final Checklist

Global fonts and colors consistent.
Paragraphs evenly spaced.
Scene breaks centered.
Margins clean on PDF preview.
All fonts embedded in exported file.
Cover matches trim size (6 × 9 in recommended).

Would you like me to add instructions for creating the title page, copyright page, and back matter inside Elementor too—so the entire print-ready book lives in one WordPress build?