1. Home
  2. Docs
  3. Layout Sub-Pages
  4. Beautiful theme, list view

Beautiful theme, list view

Chamber-Beautiful-theme-Business-Directory-layout-ideas

Theme: Chamber Beautiful

Plugins: Business Directory, Ultimate Addons for Gutenberg

Blocks:

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

Setup Steps:

  • Create a new page & set the page template to full width page.
  • Add UAG advanced heading block & select desired font.
  • Add the CD search block, align to center & hide all fields except keyword field.
  • Add the CD Business Directory block:
    • Set the layout to list
    • Select Directory fields to be displayed
    • Enable alpha search under ‘additional options’
  • Link color is picked up from your theme.
  • Add font awesome icons

CSS:

(adjust as needed based on your theme & color palette)

Spacing for Alpha Search:

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

Add background for odd posts:

#businesslist .odd_post {background: #f8f8f8;}

** See more Directory layouts **

Trouble with styling? Contact our awesome support team here.

Was this article helpful to you? Yes No