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

Design Inspiration

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 2 No