Page Settings (Add New Page)

Every page in PestAnnihilate has its own settings panel that allows you to override global theme settings. This gives you complete control over how individual pages look and behave.

Location

When editing any page, scroll down to find two meta boxes:

1. Page Settings (in the sidebar)

2. Page Customizer Overrides (below the content editor)

Page Settings (Sidebar Meta Box)

Accessing Page Settings

1. Edit any page

2. Look in the right sidebar

3. Find the Page Settings meta box

Available Settings

How to Configure

Step 1: Choose Layout

1. In Page Settings, find “Page Layout” dropdown

2. Select your preferred layout:

   • Default – Uses theme customizer setting

   • Full Width – No sidebar, content spans full width

   • Sidebar Left – Sidebar on left, content on right

   • Sidebar Right – Content on left, sidebar on right

Step 2: Select Custom Sidebar (Optional)

1. If using a sidebar layout, choose which sidebar to display

2. Options include:

   • Default Sidebar

   • Blog Sidebar

   • Footer Widget Areas

   • Any custom sidebars you’ve created

Step 3: Hide Page Title

• Check this box to hide the page title

• Useful for:

  • Landing pages

  • Elementor-built pages with custom headers

  • Homepage variations

Step 4: Featured Image Position
Control where the featured image displays:

• Above Title – Image before the page title

• Below Title – Image after the page title

• Hidden – Don’t display featured image

• Default – Use theme customizer setting

Page Customizer Overrides

This powerful meta box lets you override global theme settings for individual pages. Changes made here only affect the current page.

Navigation Tabs

The Page Customizer Overrides meta box has 5 tabs:

Tab 1: Header Overrides

Settings Available

How to Use

Step 1: Override Header Style

1. Go to Header tab

2. Find “Header Style” dropdown

3. Choose:

   • Use Customizer Setting – Use global setting

   • Style 1-4 – Override for this page

Step 2: Override Sticky Header

1. Find “Sticky Header” dropdown

2. Options:

   • Use Customizer Setting

   • Enable Sticky Header – Force enable

   • Disable Sticky Header – Force disable

Step 3: Override Header Logos

1. Click Upload Image under “Main Logo”

2. Select a different logo for this page

3. Repeat for “Sticky Header Logo” if needed

Tab 2: Topbar Overrides

Settings Available

How to Use

Step 1: Override Topbar Display

1. Go to Topbar tab

2. Find “Topbar Display” dropdown

3. Choose:

   • Use Customizer Setting

   • Show Topbar

   • Hide Topbar

Step 2: Override Topbar Content

• Leave fields empty to use global settings

• Enter custom values to override for this page:

  • Email Address

  • Address

  • Opening Hours

Step 3: Override Social Links Display

• Choose to show/hide social icons specifically for this page

Example: Landing Page with No Topbar

Banner Overrides

Control the page banner (hero area) for individual pages. This includes background images, colors, and styling.

Banner Display

Banner Background

Background Properties

Banner Styling

Step-by-Step: Custom Banner

Step 1: Enable Banner

1. Go to Banner tab

2. Set “Banner Display” to Show

Step 2: Add Background Image

1. Click “Upload Image” under Background Image

2. Select an image from media library

3. Image will appear as preview

Step 3: Adjust Background Properties

Background Size: Cover (fills area)
Background Position: Center Center
Background Repeat: No Repeat
Background Attachment: Scroll

Step 4: Set Colors

1. Choose Background Color (if no image)

2. Set Overlay Opacity (30-50% works well)

3. Pick Title Color (usually white for dark images)

4. Pick Breadcrumb Color

Step 5: Adjust Height

• Set custom height if needed (default: 400px)

Example: Full Banner Configuration

How to Use

Step 1: Adjust Layout

Content Width: Full Width (for landing pages)
Featured Image: Hide (if using banner)

Step 2: Set Spacing

Top Padding: 80px (space from header)
Bottom Padding: 80px (space to footer)

Step 3: Customize Colors

Page Background Color: #f4f7fa (light gray)
Content Background Color: #ffffff (white content box)

Tab 5: Footer Overrides

Overview

Customize the footer for individual pages.

Settings Available

Footer Colors

Footer Elements