[Susan Mills]

Love this plugin! We have now installed it on two websites. For the latest install we need to differentiate between Member businesses and Non-Member businesses.

We’d like to differentiate our Members by the addition of a small icon beside the organization’s name and a slightly different background colour.

I’m thinking that much of this can be accomplished via CSS with the addition of a special class inserted into the code at the point of the row listing for an organization. Then by referring to that class we could affect the display. Please confirm if my assumption is correct.

We have setup a test site at http://www.grainsofsand.ca (ultimately – once we have this working the way we need – it will move over to GrandBendTourism.com replacing many individual posts and a custom template!).

Connections is installed on the test and has been tailored to our site’s look & feel.

The last element is the Differntiation.

Can you help? Also – if this requires a slight programming change (I am no programmer), then we’re willing to pay. Please advise.

Thanks

[Steven Zahm]

@ Susan

Yes. This can easily be accomplished using CSS. The categories assigned to an entry are added as classes to the entry div.

My suggestion is to add a “Member” category and assign your member entries to that category. They will now have the members class which you can use to target with CSS.

Here’s an example:

#cn-cmap .bed-breakfast .cn-entry {
  background: yellow !important;
}

This will turn the background all all entries in the bed-breakfast category to yellow.

So, for your “Member” category will be:

#cn-cmap .member .cn-entry {
  background: yellow !important;
}

Using this CSS selector, you could really do pretty much anything you want to differentiate your member entries.

Hope that helps!

If you have a moment, I would truly appreciate a review as they really do make a difference. Many thanks in advance!

https://wordpress.org/plugins/connections/

[Susan]

Hi Steven

Feel stupid for not thinking of using the category structure within Connections to differentiate Members from Non-Members before !!!

Set-up four member-based categories – Non-Member, Member-BasicListing, Member-Weblink and Member-Upgraded. Using Firebug I could easily see how the class was added to the individual listings and then was able to turn on and off various elements on the front end via CSS.

• Non-Member: gets Business Name, Address, PHone, Email
• Basic members: get to have Business Name, Address, Phone, Email and Description
  (re-named the Biography area)
• Member-Weblink: In addition to everything the Member-Basic gets,
• Weblink Members get hyperlink to website and all manner of the social media links
• Member-Upgraded: Gets EVERYTHING, which the default settings of Connections – i.e.
  logo, phone, interactive map etc

As well, I added an icon to the h3 tag for Members and changed the background gradient/colours and colour of Business Name from the Non-Member listings.

VERY HAPPY!!

I will be transferring the completed project over to GrandBendTourism.com next week and then will add a review with link to updated website.

Thanks so much for a truly great plugin

[Author]

Posts