1. Home
  2. Docs
  3. Directory Design & Layout
  4. Design Inspiration

Design Inspiration

Below are some Business Directory page designs to get you started. Looking for theme design? Visit our theme documentation or visit our user showcase for more ideas!

searchable-Business-Directory-plugin-for-WordPress-i

Theme: Chamber Inspired

Plugin: Business Directory

Blocks:

  • Gutenberg cover block
  • Chamber Dashboard search block
  • Chamber Dashboard Business Directory block (3-column, featured image)

CSS:

Spacing for Alpha Search:

(adjust as needed based on your theme)

.alpha_listings {
padding-top: 30px;
padding-bottom: 50px;
}
WordPress-theme-associations-chambers-business-directory-plugin

Theme: Chamber Beautiful

Plugins: Business Directory

Blocks:

  • Chamber Dashboard search block
  • Chamber Dashboard Business Directory block (4-column, featured image)

CSS:

Spacing for Alpha Search:

(adjust as needed based on your theme)

.alpha_listings {
padding-top: 30px;
padding-bottom: 50px;
}
2-column-Business-Directory-layout

Theme: Astra

Plugins: Business Directory

Blocks:

  • Chamber Dashboard search block
  • Chamber Dashboard Business Directory block (2 column, Business logo)

CSS:

Spacing for Alpha Search:

(adjust as needed based on your theme)

.alpha_listings {
;padding-top: 30px;
;padding-bottom: 50px;
}

Theme: Chamber Beautiful

Plugins: Business Directory

Blocks:

  • Chamber Dashboard search block
  • Chamber Dashboard Business Directory block (responsive view, no image)

CSS:

Highlight boarder odd listings:

(adjust as needed based on your theme)

businesslist .business.odd_post {border: 3px solid #7a49a5}

Theme: Chamber Beautiful

Plugins: Business Directory

Blocks:

  • Chamber Dashboard search block
  • Chamber Dashboard Business Directory block (list view, no image)

CSS:

Spacing for Alpha Search:

(adjust as needed based on your theme)

.alpha_listings {
padding-top: 30px;
padding-bottom: 50px;
}
Economic-Development-business-directory-plugin-layout

Theme: Genesis Business Pro

Plugins: Business Directory

Blocks:

  • Chamber Dashboard search widget (sidebar)
  • Chamber Dashboard Business Directory block (3-column, no image)

Theme: GeneratePress

Plugins: Business Directory

Blocks:

  • Chamber Dashboard search block
  • Chamber Dashboard Business Directory block (3-column, no logo)

CSS:

Mobile-friendly-Business-Directory-layout-with-logos-WordPress-plugin

Theme: GeneratePress

Plugins: Business Directory

Blocks:

  • Chamber Dashboard search block
  • Chamber Dashboard Business Directory block (list view, logo)

CSS:

Add font awesome icons

Was this article helpful to you? Yes 5 No 1