[Dave Calibey]

Is there a way to change the appearance of the person’s name and business name through CSS in CMap?

Thanks,

[Steven Zahm]

@ Dave

Sure, you can use CSS to make them look however you want. Anything specific you want to do?

[Dave Calibey]

Steven, Our client wants the member list to present alphabetically due to business name and then alphabetically due to member name. For example, Liberty Bank’s members would show higher than Webster bank’s, and all of the members of each respective bank would show alphabetically accordingly. Did I explain this effectively? Can this be done?

[Steven Zahm]

@ Dave

So, if I understand correctly… you will be entering the bank as a business then its associates (members???) as individuals? There really is not a way to group the entries like that. The way the alphabetical sorting works when mixing individuals and organizations is the individual will be sorted by last name and organizations will be in that list by the name intermixed where they name fall alphabetically in the last names. Make sense.

[Dave Calibey]

Steve,

Thanks for your response but I think I was unclear with my question. There will not be separate records for companies. The desired display order is individual name alphabetically within business name alphabetically like this:

Bob’s Auto – Bob Boudin

Bob’s Auto – Nancy Perkins

Crystal Jewelry – Sue Abbott

Danbury Bank – Ken Jenkins

Danbury Bank – Lisa Ott

Does that help explain it? Second question, that was actually my first. The client would like the business name more pronounced than the individual name so I was hoping to use CSS to modify their font size and weight. We’re using the CMap extension to display the member list.

Thanks,

Dave

[Steven Zahm]

@ Dave

re: The desired display order is individual name alphabetically within business name alphabetically

Sure, add them as individuals making sure to add the business name into the organization field. The use the order_by shortcode option to define a custom sort. Something like this should do the trick:

[connections order_by="organization,last_name"]

re: The client would like the business name more pronounced than the individual name so I was hoping to use CSS to modify their font size and weight.

I answered this in my initial reply. But, I had a question… now that I have a bit more detail… add this to the theme’s custom CSS area:

#cn-cmap span.fn {
    font-size: 30px;
    font-weight: 500;
}

Change as needed.

Anything can be changed with CSS in cMap as that is how it is styled to being with you’ll just need more specific selectors in order to override the default styling. Also, do not forget to use the Style Panel in the Template Customizer for cMap.

Hope that helps!

[Dave Calibey]

Thanks so much for your prompt response, Steve. I’m sorry to be taking so much of your time. We’re getting there, but it seems that if I use show_alphaindex=’true’ show_alphahead=’true’ they apply only to the last_name and not to the organization. Check this out: http://wethersfieldchamber.bigthunkdev.com/members/

Also, that CSS overide works for the name; is there something like that I can use to make the organization larger?

Thanks again,

Dave

[Steven Zahm]

@ Dave

re: if I use show_alphaindex=’true’ show_alphahead=’true’ they apply only to the last_name and not to the organization.

The character index is only valid with the default sort, it will not work when custom sorts are applied so you will not be able to use the character index.

re: CSS overide works for the name; is there something like that I can use to make the organization larger?

Sure you can use CSS to override it like you would when you develop CSS for anything else.

#cn-cmap span.organization-name {
    font-size: 30px;
    font-weight: 500;
}

Hope that helps!

[Author]

Posts