Skip to the main content.

Why doesn't my Blog Listing page look like the Clean demo blog?

If you're having trouble when using a new template for existing blog listing page, here is how to fix that.

Why doesn't my Blog Listing page look like the Clean demo blog? Image

First off, welcome to Clean Pro! If your blog’s looking less “sleek and professional” and more “someone forgot to hit save,” don’t worry—you’re in the right place. Fixing this is easier than explaining NFTs to your grandma. Let’s dive in.

Why Does This Happen?

Short answer: HubSpot’s being HubSpot.

When you switch templates (whether for pages or blogs), HubSpot doesn’t roll out the welcome mat for your new design. Instead, it clings to the old modules and content like your favorite pair of sweatpants. That’s why your Blog Listing page is now a jumbled mess of old and new elements.

But don’t worry, we’ll Marie Kondo this thing and get it looking spiffy in no time.

What You Need to Do

1. Open the Blog Listing Page in the Editor

Head to the editor for your Blog Listing page.

2. Purge the Old Modules

On the left side of the editor, click the Content icon to pull up your list of modules.

  • See all those old modules? Yeah, they’ve overstayed their welcome.
  • Remove all the modules in the Main section. Don’t hold back.

3. Add the Clean Pro Modules

Now, it’s time to bring in the A-team. Drag and drop these Clean Pro modules onto the page in this order:

  • Header Footer Overrides
  • Blog Hero Banner
  • Blog Post Grid Cards - Listing

It should look something like this:

Screenshot 2025-01-21 at 1.59.51 PM

Important: The top-to-bottom order of these modules matters way more than the container sections or columns. Keep it tidy.

And Just Like That…

Your blog now looks like it showered, shaved, and put on its Sunday best. Clean, professional, and ready to wow your readers.

Good job, you! You’re officially a blog wizard. Now go grab yourself a coffee—or a margarita. You’ve earned it.