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!
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;
}
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;
}
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;
}
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:
Theme: GeneratePress
Plugins: Business Directory
Blocks:
- Chamber Dashboard search block
- Chamber Dashboard Business Directory block (list view, logo)
CSS:
