How to Manage Page Settings on Your Website

Managing your page settings is essential for controlling layout, spacing, background styles, and overall design consistency. With Kea Builder, you have powerful yet easy-to-use tools to customize how each page looks and behaves.

✅ Steps to Manage Page Settings in Kea Builder

  • 🟢 Step 1: Open Page Settings
    Navigate to the top menu bar and click on the “Page Setting” icon.
    This will open the full page settings panel. Step 1

  • ✏️ Step 2: Edit Page-Level Settings
    From this panel, you can make adjustments to your page layout, style, and structure like spacing, background, border. Step 2 Step 2.1 Step 2.2

  • 📐 Step 3: Adjust Margin & Padding
    You’ll find controls to set page margins and paddings—these define the spacing inside and around your content.
    Use values in px or % for precise control.
    Adjust individual sides (top, bottom, left, right) as needed. Step 3

  • 📏 Step 4: Set Page Sizing
    Control the overall page width, height, and block alignment.
    This is useful for fixed-width layouts or optimizing responsiveness. Step 4

  • 🎨 Step 5: Customize Background
    Choose how you want your page background to appear:
    • None Step 5.1
    • Color Step 5.2
    • Image Step 5.3
    • Gradient Fill Step 5.4
    Upload your own images or select from preloaded assets. Customize position and repeat options.

  • 🔲 Step 6: Configure Border Settings
    Define border styles for your page:
    • Width: Control thickness
    • Style: Solid, dashed, dotted, etc.
    • Color: Match your brand palette
    • Radius: Round the corners
    Step 6

  • 🌫️ Step 7: Add Shadow Effects
    Add shadow for visual depth:
    • Shadow Position
    • Horizontal & Vertical Offset
    • Blur & Spread Strength
    • Shadow Color
    Step 7

  • 🎞️ Step 8: Add Transition Effects
    Choose animation easing for smoother design flow:
    • None
    • Linear
    • Ease
    • Ease In
    • Ease Out
    • Ease In Out
    Step 8

  • 🌀 Step 9: Add Transform Effects
    Transform your design layout dynamically:
    • None
    • Translate (X, Y, Z, 3D)
    • Scale (X, Y, Z, 3D)
    • Rotate (X, Y, Z, 3D)
    • Skew (X, Y)
    Step 9

  • ⚙️ Step 10: Advanced
    Access deeper controls:
    • Responsive view: Desktop, Tablet, Mobile, Hover Step 10.1
    • Overflow (X & Y): Visible, Hidden, Auto, Scroll, Clip Step 10.2
    • Z-index (Auto or custom) Step 10.3
    • Opacity (0.0 to 1.0) Step 10.4
    • Redirection toggle Step 10.5

  • 🧾 Step 11: Selector
    Use custom ID and Class selectors to apply specific styles or behaviors. Step 11

💡 Pro Tips:

  • Use consistent padding and margin across pages for uniformity.
  • Preview on all devices to ensure responsive behavior.
  • Keep shadow and transform effects subtle for a professional look.

Kea Builder’s Page Settings give you the control to create stunning, well-structured, and fully responsive web pages with ease.