Link colors should be distinct

[Sheshdhar Tiwari]

Please notice the activities notifications.

Name of member

His/her action

Discussion or any other item

 

1. All links have same color as there is no provision for different colours, that causes confusion, specially to new members.

2. "Dr. Meena Naqvi commented on Dr. Meena Naqvi's Discussion."

How kiddish way of expression. Why not use His/her on the basis of gender.

[Sheshdhar Tiwari]

Ok, I am eagerly waiting. Thanks dear for taking so much of pains.

[Sheshdhar Tiwari]

On your site, I checked, it is working correctly. But on my site, the link which should be active has become inactive. Colour orange also goes to those links which should be inactive and they are active.

Please see if there is any copy paste error.

[Bizz]

Ok will take a look when home later

[Alex Ning Support]

Hello Sheshdhar,

I can offer you CSS code that will help you to change the color of each link depending on its numeric order.

 

header.activityFeed-headline > a:nth-child(1) {
color: black;
}
header.activityFeed-headline > a:nth-child(2) {
color: brown;
}
header.activityFeed-headline > a:nth-child(3) {
color: green;
}
header.activityFeed-headline > a:nth-child(4) {
color: yellow;
}

 

Best regards

Alex

Ning Support

[Bizz]

Sorry it's been a while but ive been on vacation. Try this code as it should now do what you require.

Add this to your custom css section in design studio and change the colour orange to what you require

a.suspendLinks{ color:orange!important }
a.suspendLinks:hover{ cursor:text; text-decoration:none }

Next add this code to your social site builder custom code end of page section.

<script>
x$('.activityFeed').ajaxComplete(function() {
x$('.activityFeed-headline > a[href*="/members/"]').addClass('suspendLinks');
x$('.feedEvent-updateProfilePhoto .activityFeed-headline > a').removeClass('suspendLinks');
x$('a.suspendLinks').on('click', function(e){
e.preventDefault();

});
});
</script>

 

Cheers, Bizz :-)