1. Home
  2. Docs
  3. Directory Design & Layout
  4. Fonts & Icons

Fonts & Icons

Increase font size: Directory listing title

To make the font size of the Directory listing title larger,

Add this bit of CSS to your Customizer:

.business h3 { font-size: 30px; }
CSS business directory title_before
CSS business directory title_larger2

Increase font size: search results page

To make the font size of the Directory listing title larger on your Search Results Page

Add this bit of CSS to your Customizer:

#search-results .business h3 {font-size: 30px;font-weight: bold; }

search results biz font I
search results biz font II

Add Font Awesome Icons to Business Directory

If you are using a Chamber Dashboard theme, Font Awesome icons are already built-in to your Business Directory display.  If you are using a different theme, you can add Font Awesome icons to your Directory by adding this bit of code to your Customizer.

.phone a:before {content: "\f095 :"; font: normal normal normal 15px/0.9 FontAwesome; margin-right: 4px; color: #a50950; }

.email a:before {...

.website a:before {...

.address:before {...

[ NOTE: Address is not a link. Do not include the ‘a’. ]

Change the “\f095 to any Font Awesome icon you want! – Find CSS values for all Font Awesome icons

add font awesome icons

Was this article helpful to you? Yes No