Hide/Remove Share Links For Individual Profile Pages?

[lorianne]

I know in this time of share it here and share it there this will be an odd request; but a few of my members would prefer their content not be easily shared to Facebook etc via the share links at for example, the bottom of the blogs they post.

I would like to give this small group the option to not have these buttons and links without losing them across the site.

Is there some way to hide these via the individual's "customize my page" CSS?

[Ron Fritzemeier]

If you let your users customize their profile CSS, try having them add this to their CSS:

.xg_module_body.profile.vcard .profile-social-buttons
{
visibility: hidden;
}

[lorianne]

hi Ron - thanks for trying.  i do let them customize their profiles. i tried this first on my own profile and no change.   

these are the 2 things i want to be able to remove/hide . they appear at the bottom of all blogs on my site i dont know if this info helps at all... i used firebug to find the info... even though i am a total newb with all of this:

class="post_to_facebook xj_post_to_facebook_stream

 class="atc_s addthis_button_compact"

either way though, thanks for giving it a shot.

[Ron Fritzemeier]

.post_to_facebook.xj_post_to_facebook_stream, .atc_this.addthis_button_compact {
visibility: hidden;
}

If its not doing what you want it could be overwritten by some of the existing CSS styles because of selector specificity (or if you have a !important somewhere).

If that doesn't work I'd have to look at the page.

[Ron Fritzemeier]

*its not letting me edit my previous post*

.post_to_facebook.xj_post_to_facebook_stream, .atc_s.addthis_button_compact {
visibility: hidden;
}

[lorianne]

i tried to add this to my own profile page... no luck.  removed all the other advanced CSS and tried again... still no luck.

this might be something i will need to work on at a later time when i get smarter and can explain this better. i have no doubt the failure is on  my end.

thanks for trying...

[Ron Fritzemeier]

If it's not working, there are only two possible reasons that I can think of

1. The selector is wrong/we are talking about different things
2. Selector specificity (or an !important)-
if Ning (or your previous CSS) sets visibility: visible and they use a more specific selector - like "#xg #xg_body #xg_user_profile .post_to_facebook.xj_post_to_facebook_stream", they are being more specific than your ".post_to_facebook.xj_post_to_facebook_stream" which would prevent your new style from overriding it.

When you right click, inspect with firebug on the element you are trying to remove, look on the right hand column, it will list ALL of the styles that are being applied to that element, if you look down the list, some of the properties will have a strikethrough. That means they are being overwritten by another style somewhere else. Look through the list for a "visibility: visible" somewhere and you might be able to find what's overwriting your style.