[St. Ann’s Academy]

Hello,

I would like to change the way the custom fields are displayed in the contact card.

Right now, it looks like this:

Custom Fields
 -Affiliation: CWL Relation
 -Scholarship Amount: $500.00
 -Application Format: Application Form, Letter, References
 -Application Process: Send Application Package by mail.
 -Application Deadline: March 31st

I would like to remove the Custom fields header and the bullets (so each field is displayed on it’s own (preferably in bold) one after the other, like this:

 Affiliation: CWL Relation
 Scholarship Amount: $500.00
 Application Format: Application Form, Letter, References
 Application Process: Send Application Package by mail.
 Application Deadline: March 31st

I can’t seem to find where the code I need to change to do this is located.

[Steven Zahm]

@ St. Ann’s Academy

You wouldn’t edit any files to accomplish this and I would highly discourage editing the files because you would lose the changes after updates to Connections. Instead add the following to the theme’s custom CSS area:

#cn-slim-plus .cn-entry-content-block-meta h3 {
  display: none !important;
}

The bullets are actually inherited from the theme. To hide them, something like this should work:

#cn-slim-plus .cn-entry-content-block-meta ul.cn-entry-meta,
#cn-slim-plus .cn-entry-content-block-meta ul.cn-entry-meta li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

Hope that helps! Let me know.

[St. Ann’s Academy]

Thank you, that did help! One last question: for the custom fields, is there class or id name for the titles only? I’d like to make the titles bold, but the test remain normal.

[Steven Zahm]

@ St. Ann’s Academy

Yes, the are classed too. They have class named cn-entry-meta-key. So this should work:

#cn-slim-plus .cn-entry-content-block-meta .cn-entry-meta-key {
  font-weight: bold;
}

Hope that helps!

[Author]

Posts