CC Child Pages Elementor Widget Guide

Overview

Last updated: 19th February 2026 for CC Child Pages version 2.1

The CC Child Pages Elementor Widget allows you to insert dynamic child page listings into Elementor layouts using native Elementor controls.

It provides:

  • Full shortcode parity
  • Visual layout control
  • Integration with Elementor styling system

Adding the Widget

  1. Edit a page with Elementor.
  2. Search for CC Child Pages in the widget panel.
  3. Drag the widget into your layout.

The widget will immediately render a preview if there are any child pages of this current page.

Query section settings

Pages To Show

Choose from:

  • Children of current page (default)
  • Children of a specific parent ID
  • Specific pages (comma-separated IDs)
  • Siblings of current page

N.B. Siblings Pages

When enabled:

  • Displays sibling pages instead of children
  • Excludes current page by default

Enable Include current page to include it.

Parent page ID

Only available if “Children of a specific parent ID” is selected. An integer value relating to the internal ID of the chosen WordPress page or post.

Page IDs

Only available if “Specific pages (comma-separated IDs)” is selected. A comma-separeted list of integer values relating to the internal ID of the chosen WordPress page or posts. (e.g. “3,6,8,10”)

Depth

How many levels of page/post hierarchy to show.

Include current page

When “Siblings of current page” is selected, set to “Yes” to include the current page in the list of pages returned.

Order by

Order returned pages/posts by:

  • Menu order
  • Title
  • Date

Order

Choose whether to list pages/posts in ascending or descending order:

  • ASC (ascending)
  • DESC (descending)

Limit

The maximum number of pages/posts to show.

Posts per page (pagination)

If set to -1, no pagination is used. If set to a positive integer, it determines how many posts are displayed on each page.

Layout section

Force list layout

Set to “Yes” to show the pages/posts in a list layout.

Columns

Set number of columns (applies to grid and list via CSS columns).

Skin

Selecting a skin changes how the grid of pages/posts looks … choices are: Simple, Red, Green, Blue, Sleek, Bold

Note: only shown if Force list layout is set to “No”

Show thumbnails

Set to “Yes” to show the featured image for each post within the grid.

Note: only shown if Force list layout is set to “No”

Link thumbnails

Set to “Yes” to make the thumbnails for each post within the grid a clickable link.

Note: only shown if Show thumbnails is set to “Yes”

Lazy load images

Set to “Yes” to “lazy load” the thumbnail images.

Lazy loading is a technique where images on a web page are only loaded when they are about to appear on the screen, helping the page load faster and use less data.

Note: only shown if Show thumbnails is set to “Yes”

Link titles

Set to “Yes” to make the title for each post within the grid a clickable link.

Note: only shown if Force list layout is set to “No”

Use legacy CSS

Set to “Yes” to use legacy CSS for layout and display. (Should only be used if you are experiencing problems with layout.)

This option is provided for backwards compatibility where the custom CSS code on existing sites may not work properly with the new layouts (only valid for the “Simple”, “Red”, “Green” and “Blue” skins).

It is recommended that any custom CSS is amended to work with the new standard CSS to ensure future compatibility.

Extra CSS class

Accepts a valid HTML/CSS class name which is applied to the wrapper element of the shortcode.

If a custom CSS class name is provided, no skins are applied to the output allowing custom CSS to be applied via the site’s theme customiser (or a suitable plugin) to create your own design. (Layout CSS is still used …)

Content display section

This section is only shown when Force list layout is set to “No”.

Hide title

If set to “Yes”, the title will not be included in the output for each page or post within the grid.

Hide excerpt

If set to “Yes”, the excerpt will not be included in the output for each page or post within the grid.

Hide “Read more …” link

If set to “Yes”, the “Read more …” link will not be included in the output for each page or post within the grid.

Truncate excerpt

If set to “Yes”, custom control of how the excerpt is truncated is enabled and you can choose the maximum number of words to be shown for each excerpt.

If set to “No”, the excerpt is truncated according to normal WordPress behaviour.