[Jody]

We need to replicate a current site and their directory: http://amblermainstreet.org/directory

Premium sponsors are highlighted and have a logo on both the directory listing and individual pages. All members have a map, address, phone, website, etc. on individual pages.

Sponsor page: http://amblermainstreet.org/directory/all/A/act-ii-playhouse

Regular Member page: http://amblermainstreet.org/directory/all/A/addicted-2-dance

There are 4 levels recognized on the member directory page by highlight: Platinum, Gold, Silver & Bronze (no distinction between levels here). However, logos are also used in the sidebar (Platinum & Gold are always shown, Silver & Bronze rotate).

Can you recommend a template that would work? And, what do we need to do to customize the template to closely match what they currently have?

(note: I have created 4 categories for the premium sponsors).

Thank you,
Jody

[Steven Zahm]

@ Jody

It appears the cMap template would suit your needs quite well. The layout is a little different but overall it is pretty close.

You can remove the gradient background from cMap, see this doc page.

re: Premium sponsors are highlighted and have a logo on both the directory listing and individual pages.
If you do not add a logo to an entry, none will be shown. If a member is no longer a premium sponsor, you can either remove the logo or set the logo not to be displayed.

re: There are 4 levels recognized on the member directory page by highlight: Platinum, Gold, Silver & Bronze (no distinction between levels here).
If you choose to set these apart visually, you can do so with some CSS by creating a custom CSS file for the template.

re: However, logos are also used in the sidebar (Platinum & Gold are always shown, Silver & Bronze rotate).
There’s nothing available that can do this “out of the box”. Since these are just categorized entries you could custom code a widget.

Hope that addresses your questions thoroughly!

[Jody]

Steven,
Thank you for your reply. I have downloaded and activated cMaps.

I added the following shortcodes to remove the gradient and gray background (as well as some other things):

[connections background_color="transparent" background_gradient=FALSE str_work_addr='' str_work_phone='Phone' enable_bio_head=false str_bio_show='Read More' str_bio_hide='Close' str_image=' ' str_tray_image=' ']

Created a custom css file to remove the borders, however I cannot figure out the correct CSS to use to highlight the sponsors as you indicated:

If you choose to set these apart visually, you can do so with some CSS by creating a custom CSS file for the template.

I have tried numerous variations of the CSS using “attrib”, combinations of slug/ID/category name, etc.

You can see my directory at: http://66.147.242.161/~amblerma/directory/

Category Names [slug] & (IDs):
Platinum Sponsor [platinum] (ID# 23)
Gold Sponsor [gold] (ID# 22)
Silver Sponsor [silver] (ID# 21)
Bronze Sponsor [bronze] (ID# 13)

Also, are we forced to have all logos the same size with a white filler background? Our previous site allowed for different sized (square, vertical and horizontal logos).

I appreciate any help you can provide. We have hours invested in setting up this directory thinking we could modify to meet our needs.

Thank you,
Jody

[Jody]

Okay. I got the CSS code to work – clunky, but it works.

Also, are we forced to have all logos the same size with a white filler background? Our previous site allowed for different sized (square, vertical and horizontal logos).

Still wondering about the logo sizing and if we can do min-height / max-height? Problem is on upload of image the graphic is sized.

Thanks,
Jody

[Steven Zahm]

@ Jody

I replied in this thread…
http://connections-pro.com/support/topic/change-background-color-by-category/

[Author]

Posts