Does anyone know how to hide the number of members in a group upon the selection of the group? I did hide the number from the home page, but am not sure how to proceed once a group is clicked.

Views: 403

Reply to This

Replies to This Discussion

Tracy,

I worked with/for Kris of BikersPost on this, and I found that there isn't a CSS identifier for the specific element. You either have to remove the entire paragraph which includes the description, or nothing. I was able to hide the # of members and latest activity using "last-child", but only in FireFox. So, really not a solution.

 

It's just one of those cases where there isn't a unique identifier breakdown, if that makes sense.

Best Regards,

Jen

 

Ms. Jen is right you can't target and remove that specific paragraph unless there is a unique identifier assigned to it. This is really a problem specially when you want your own custom styling for your network. But our ability to change values in our language editor will help you in this situation. What I mean is you can use the language editor to edit and assign a specific "class" or "id" to the word "members:" so that it becomes a one unique element and you can then remove it via CSS.

 

I consider language editor as a powerful tool only that one should be very careful upon using it. Misuse of the LA may cause to unacceptable result. I will show you how powerful it is by taking your issue as an example - removing member counts on the group page - Should you wish to apply my workaround please make sure you follow exactly my instructions below. Liabilities that may occur after not following my instructions correctly is not my responsibility. I have already tried this on my network and the result is great :

  1. Navigate to language editor and search for the word "members:" without quotation.
  2. On the right side is a box where you can edit the current value. Erase everything that is in the box and replace it with this new value: <span class="remove">Members:</span>
  3. save the changes that you made and apply the CSS code below on your css advance box:
    span.remove, span.remove + strong {
    display:none !important;
    }
  4. If you are using the new design studio hit "publish" to effect the changes. That's it your all set.
Let me know how it works for you. ;)

Vaqz,

If this works as you have described, this is brilliant! I will give it a go tomorrow, because Kris really needs this. You continue to amaze me. So nice to see you around! I would have never thought to do this, but makes perfect sense. Just brilliant...

Thanks again, and keep that creative mind moving forward!

Jen

Hey Vaqz, don't we need to narrow it down to the instance on Group page, only?

Something like this:

.xg_widget_groups div#xg_body div.xg_column div.xg_span-16 div.xg_span-12 div.xg_module div.xg_module_body div.xg_column div.pad5 span.remove, span.remove + strong {display:none;}

 

Could you test it? Is that correct?

Best,

Jen

oh I almost forgot. To be safe and sure, we can set it up so that the changes will take effect only on the group page. Following your code I may write it this way:


.xg_widget_groups span.remove, .xg_widget_groups span.remove + strong {

display:none !important;
}

 

thanks Ms. Jen

-vaqz

Yep, short and sweet. I just grabbed the CSS fast as I could, before someone used the span.remove that would remove all member #, everywhere. LOL.

Thanks again Vaqz, great thinking!

 

Love your new pic, btw. You have grown up on me! Have you finished your degree yet?

:D thanks Ms. jen! I have to change it for some reason. Hope you don't mind me using my personal picture.haha. Yup I just finish it and I'm now moving on for a more serious dwell of life. :)

Congratulations Vaqz! I'm truly proud of you. Your personal pic is welcomed. Things have changed around here, and will change even more in the future. There will be more of a distinction between the JenSocial Community and the Directory.

Keep up the good work - - got your whole life ahead of you! Great things are in store.

Best Regards,

Jen

ms jen, I would love to figure this out, i only want to remove member count of the members of the groups on the home page?  :D  thans so much in advance ;D have a great weekend

Hi Katherine,

Give this a try:

.xg_widget_main .module_groups div.tb p.xg_lightfont {

  display:none!important;

}

Add to Advanced CSS via: My Network/Settings/Appearance (Design Studio Dashboard/Advanced)

Best Regards,

Jen

You are so kind, I cut and pasted EXACTLY like above and it didn't remove the member count.. does it go in the custom code section 'bottom left'?  thanks again!!

Custom Code? The instructions stated the following: Add via My Network/Settings/Appearance (Design Studio Dashboard/Advanced).

If it doesn't work, add to top of your CSS. This typically means there is an error at bottom of CSS, that you will eventually need to locate.

Best,

Jen

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips