1. Home
  2. Docs
  3. Layout Sub-Pages
  4. Ripple WP theme, filter by category

Ripple WP theme, filter by category

Business-Directory-WordPress-plugin,-filter-by-category

Theme: Ripple WP

Plugins: Business Directory

Blocks:

  • WordPress heading block
  • Chamber Dashboard Business Directory block (3-column layout, center align block, featured image, enable category filter)

Setup Steps:

  • Create a new page & set the page template to full width page.
  • Add WordPress heading block.
  • Add the CD Business Directory block:
    • Set the layout to 3 column
    • Set image to use Business featured image
    • Select Directory fields to be displayed
    • Enable filter by category 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)

Add background to all listings:

#businesslist {background: #f8f8f8; padding: 8px;}

Add top border above categories:

.business .categories {border-top: solid 1px #c9c9c9; padding-top: 8px;}

Adjust spacing above address:

.business .address {margin-top: 10px;}

Adjust Business title spacing:

.business h3 {margin-bottom: 18px;}

** See more Directory layouts **

Trouble with styling? Contact our awesome support team here.

Was this article helpful to you? Yes No