How to Create a Full-Width Single Listing Page in Listdom with Elementor

A full-width single listing page gives you more control over the layout and helps you create a more modern and branded design. In Listdom, the final result depends on both the single listing style you choose and the theme page layout applied to the listing page.

You can build a custom single listing page with Elementor in two main ways:

• Listdom → Elementor Styles
• Elementor → Templates → Theme Builder

Both methods work. The right choice depends on your setup and how much control you want over the full page template.

When to use this

Use this guide when you want to:

• create a custom single listing layout with Elementor
• make the single listing page look full width
• avoid a boxed or narrow page layout
• understand the difference between Elementor Styles and Elementor Theme Builder

Before you start

Make sure these are ready before you begin:

• Listdom is installed and active
• Elementor is installed and active
• Listdom Elementor add-on Elementor is installed and active
• Elementor Pro is installed if you want to use Elementor Theme Builder

If you only want to use Listdom → Elementor Styles, Elementor Pro is not required.

How single listing layout works in Listdom

Go to:

WP Admin → Listdom → Settings → Single Listing

In the General section, you will find these settings:

• Style Category
• Style
• Theme Layout

These three settings work together:

Style Category

This decides the method used to design the single listing page.

Depending on your active add-ons, you may see options such as:

• Pre-Made Styles
• Design Builder
• Elementor
• Divi
• Bricks

If you use Bricks, you can create single listing, listing card, and infowindow templates.

Style

This selects the actual layout or saved template for the chosen style category.

If you choose Elementor as the style category, this field lets you select one of your saved Elementor templates.

Theme Layout

This selects the page template from your active theme.

If your theme supports multiple single page layouts, you can choose the one you want here. If you are not sure, keep Default Layout.

This setting is very important. In many cases, a page does not look full width because the active theme layout is still applying a boxed wrapper around the page.

Method 1: Use Listdom → Elementor Styles

This is the Listdom-managed workflow.

Steps

1. Go to WP Admin → Listdom → Elementor Styles
2. Click Add New
3. Enter a title for the template
4. Set Style Type to Single Listing
5. Publish the template
6. Click Edit with Elementor
7. Build the template using Listdom Elementor widgets
8. Save the template

Apply the Elementor style

After creating the template:

1. Go to WP Admin → Listdom → Settings → Single Listing
2. Set Style Category to Elementor
3. Choose your saved template in Style
4. Select the desired Theme Layout
5. Save the changes

When this method is best

Use this method when:

• you want to manage Listdom templates from the Listdom menu
• you do not want to rely on Elementor Pro
• you want a simple workflow dedicated to Listdom layouts

Method 2: Use Elementor → Templates → Theme Builder

This is the Elementor-native workflow.

Steps

1. Go to WP Admin → Elementor → Templates → Theme Builder
2. Create a new Single template
3. Assign it to the Listings post type
4. Build the layout with Listdom widgets
5. Publish the template and set the correct display conditions

When this method is best

Use this method when:

• you already use Elementor Pro
• your theme is still wrapping the page in a boxed layout
• you want Elementor to control the full single page template more directly

In some websites, this method produces a cleaner full-width result because the entire single page template is handled through Elementor’s Theme Builder.

Recommended way to get a full-width layout

For most users, this order works best:

1. Create the layout in Listdom → Elementor Styles
2. Apply it in Listdom → Settings → Single Listing
3. Check the Theme Layout setting
4. Test the result on a live listing page

If the page still looks boxed or narrow:

5. try a different Theme Layout
6. if needed, switch to Elementor Theme Builder

Suggested layout structure

A practical full-width single listing page often includes:

1. a full-width hero image or gallery

2. listing title and quick details near the top

3. a two-column content area

   • left column: description, features, content
   • right column: address, map, contact info, owner details

4. related content or extra sections at the bottom

Notes and limitations

• Elementor Styles and Elementor Theme Builder are different workflows.
• A narrow or boxed layout is not always caused by the Elementor template itself.
• The active Theme Layout can affect the page width even if your Elementor design is correct.
• If your theme offers multiple single page templates, test them before changing your design.
• The Elementor template controls the content layout, but the theme can still control the outer page wrapper.

Troubleshooting

The single listing page is still not full width

Check these items first:

• WP Admin → Listdom → Settings → Single Listing → Theme Layout
• your theme’s single page layout or page template settings
• whether your Elementor sections are set to full width
• whether your theme is still adding a content container around the page

The template looks correct in Elementor but not on the live page

Usually one of these is wrong:

• the wrong Style Category is selected
• the wrong Style is selected
• the Theme Builder display condition is not assigned to Listings
• cache is showing an older version of the layout

The Elementor template does not appear in the Style dropdown

Make sure:

• the Listdom Elementor add-on Elementor is active
• the template is published
• the Style Type is set to Single Listing

Which option should I try first?

Start with Listdom → Elementor Styles.

If the page still does not become full width because of the theme wrapper, test Theme Layout next.

If needed, move to Elementor → Theme Builder.

FAQ

Do I need Elementor Pro to build a full-width single listing page in Listdom?

No. Elementor Pro is not required if you use Listdom → Elementor Styles. It is only required if you want to use Elementor’s native Theme Builder.

Why is my single listing page still boxed after using Elementor?

In most cases, the theme layout is still applying a constrained wrapper around the page. Check the Theme Layout setting and your theme’s single page template behavior.

What is the difference between Elementor Styles and Theme Builder?

Elementor Styles is the Listdom-managed template workflow. Theme Builder is Elementor’s own template workflow. Both can be used for single listing templates.

Related Articles

• Single Listing Settings Menu Documentation
• Elementor
• Divi
• Bricks
• How to Customize the Single Listing Page in Listdom