1. Home
  2. Docs
  3. Plugin Features
  4. Contact Management
  5. Meet the Team Page Design
  6. CSS Styling Options CRM

CSS Styling Options CRM

Add a border to meet the team listings

To add a border to all of your CRM listings, add this code to your CSS Customizer. Change the border color by updating #e9e9e9 to the HTML color of your choice (external link).

.cdcrm-person {border: 2px solid #c9c9c9; padding: 10px; border-radius: 10px;}

Add a background to meet the team listings

To add a background to all of your CRM listings, add this code to your CSS Customizer. Change the border color by updating #e9e9e9 to the HTML color of your choice (external link).

.cdcrm-person {background: #f0f0f0; padding: 10px;}

Change font size – staff name

To change the font size of staff name for all of your CRM listings, add this code to your CSS customizer.

.cdcrm-person .cdcrm-name {font-size: xx-large;}
teams-page-grey-bkgrnd

Rounded image corners

To round the corners of images for all of your CRM listings, add this code to your CSS customizer. Adjust pixels as needed.

.cdcrm-person img {border-radius: 50px;}

Add inset border to images

To add a white inset border to the images for all of your CRM listings, add this code to your CSS customizer.

.cdcrm-person img {outline: 4px solid white; outline-offset: -10px;}

Are you trying to create a specific look not displayed here?
Reach out to our support team, we’d be happy to help!

Was this article helpful to you? Yes No