Hide Group Members and Author

Published by: ezra vancil on 12th May 2009 | View all blogs by ezra vancil

THIS POST HAS BEEN UPDATED > I was asked this question which is related to our earlier blog on hiding birthdays. People will usually gauge how good a group is on the size of it's member base -- this is true online and in the real world, kind of like a new restaurant with no cars in front of it. So how do you get them to take a look inside your groups without judging them before they hit the door? You hide the membership! Here is how it's done -

Normal:

You have two options you can hide the entire statement of who the owner is and how many members it has, or you can just hide the owners name and the members number.

Hide the author and members statement:

For this we will use our trusty display none, but to make sure we don't effect other elements on other pages, we will let our CSS know it's only on the groups page:

     
#groups-list 
.search-listing 
.listing-questions li  
{
 display: none; }

Hide just member number and author name:

To hide just the member number and author name we will use the "Strong" tag.

     
#groups-list 
.search-listing 
.listing-questions li strong  
{
 display: none; }

You will notice that this changes your layout a bit, and it should because when you hide something it takes it out of the line, the space that it once held is gone. So if you want to keep the formating just the same you can also just change the color of this text to the color of your background like so:

     
#groups-list 
.search-listing 
.listing-questions li  
{
 color: black!important;        }

You could just effect the member OR the author, but this would get into javascript which is a little to expansive for this post

Comments

11 Comments

by Eric 1 year ago

Ezra, how would I hide the "adverts" from the custom HTML&adverts section from showing up on the welcome page? I want them on all the other pages, just not on the welcome page.
by Eric 1 year ago

EG helped me --

<style>
body#welcome div.advert {
display:none!important
}
</style>
by ezra vancil 1 year ago

Remove the "body"

#welcome div.advert {
display:none!important
}
by Muggzzi 1 year ago

Ezra -

Thanks for the tip. However, this only hides count/owner on the main groups page. Not groups/new, groups/my. Not sure how to adapt the CSS for these pages.

Thanks.
by ezra vancil 1 year ago

Ya I should of researched this more.. you can remove the #groups and it will cover all of it, but it also might hit your events... not shure yet. Or you can just add a statement for each body tag such as #new #my etc.. I'll look further into this when I have a chance
by Jen 1 year ago

Sorry in advance for the stupid question, but where do I copy this to?
by ispy 1 year ago

Hey ezra vancil,
Thanks again for the post, I think it will help many members with this tip. With your help and other tips my site looks so much better.
by ezra vancil 1 year ago

Ok, I messed up with a typo that makes all the difference!! We are not pointing at the body tag #groups, but the actual group listing UL so if you will look above you see I changed #groups to #groups-list now it will work all through the groups section without effecting the rest.
by ezra vancil 1 year ago

Jen , place any styles you want on your site in the "custom HTML/advert" section of your admin, in the "HEAD META DATA" section and put it between open and close style tags.. <style>css here</style>
by Muggzzi 1 year ago

That did it - works great. I think this will help as I open up the new community -- until we get groups populated.

Thanks for sharing.

Mugz
by fly123 2 months ago

Those who consider money as the source ,buy wow account beautiful clothes,beijing escort and

can enable them and their families live comfortably. beijing escortThey even believe that money can bring power,
shanghai escort friendship, and love. yy2010.5.5