How to hide Gift tag and Badges when ad-free

[horsehandler]

On the Hot Potato coordination thread Feb 18, 2013 Patrick said "Ad-free forums are more than welcome to hide the Gift tab and Badges". Now that I've gone ad-free, please can someone tell me how to do it?

[Michael]

You can use use the template modifications (CSS) to remove them.

.badges, .show-user .badge-thumbs { display: none; }
To hide the badges.

.badges, .show-user .badge-thumbs. .show-user .ui-tabMenu > ul > li:last-child { display: none; }
Will hide the Gifts tab.

Edit:

You can also put this line in your template (User Profile):

<style>
.show-user .ui-tabMenu > ul > li > a[href="/user/$[user.id]/gift"] { display: none; }
</style>

Just couple that with the CSS for badges from the top of this post.

[swissunite]

Hi Michael - I am getting an syntax error on this line

.badges, .show-user .badge-thumbs. .show-user .ui-tabMenu > ul > li:last-child { display: none; }

are the > valid?

thanks


Also, how can I remove the "give gift" from the gear wheel -> member options pull down next to each post?

[Stinky666]

Mar 8, 2013 20:11:23 GMT -8 swissunite said:

Hi Michael - I am getting an syntax error on this line

.badges, .show-user .badge-thumbs. .show-user .ui-tabMenu > ul > li:last-child { display: none; }

are the > valid?

thanks


Also, how can I remove the "give gift" from the gear wheel -> member options pull down next to each post?

Could you try this: remove the fullstop after .badge-thumbs. so it becomes .badge-thumbs

[swissunite]

thank you skinky666! That worked for the style sheet.


Has anyone been able to remove the "Give Gift" from the Gear Wheel -> Member options pull down?

[horsehandler]

Sorry, I've done Ctrl+F and looked for .badges throughout Layout Temples and Advanced Styles & CSS and I'm not finding it - please can someone point me in the right direction?

[Stinky666]

Mar 9, 2013 4:44:00 GMT -8 horsehandler said:

Sorry, I've done Ctrl+F and looked for .badges throughout Layout Temples and Advanced Styles & CSS and I'm not finding it - please can someone point me in the right direction?

You have to add it yourself, from Michael's post. It's not in there by default.

[horsehandler]

Thanks Stinky666 

I put just the 

<style>
.show-user .ui-tabMenu > ul > li > a[href="/user/$[user.id]/gift"] { display: none; }
</style>code in and it's hidden the Gift page in Profile and I'm not seeing any badges so hopefully all that needs to go now is the Give Member Gift text on the wheel dropdown.

[horsehandler]

Just upping in the hope that a member of staff can tell us about hiding/removing the Give Member Gift text on the wheel dropdown.

TBH I expected that because it's one of the perks of going ad-free, the option would have appeared in the admin panel once payment was made. 

[Michael]

Mar 11, 2013 5:13:55 GMT -8 horsehandler said:

Just upping in the hope that a member of staff can tell us about hiding/removing the Give Member Gift text on the wheel dropdown.

TBH I expected that because it's one of the perks of going ad-free, the option would have appeared in the admin panel once payment was made. 

I totally agree, I made a feature task for giving a toggle for gifts on/off with ad-free.

Give me a bit on hiding the Give Member Gift on the dropdown. I'll have a dev figure out how they want this done in the interim. 

[horsehandler]

Thanks for that Michael - seems like it's in Proboards own interest to sort it. Although I intend for our forum to continue ad-free, if I didn't then with the best will in the world, raking around in the css to find and add/remove the code that hid Gifts/Badges certainly wouldn't be high on my agenda. 

[horsehandler]

Hmm - thought I'd hidden it all but when I went to Edit Profile Badges are still there.

In css under /* View Profile */ there's

.show-user .badge-wish { text-align: center; height: 100px; margin-right: 10px; }
.show-user .badge-wish img { display: block; }
.show-user .visit-badge-store { text-align: center; width: 130px; }
.show-user .visit-badge-store .badge-store-text { width: 110px; height: 54px; margin: 10px auto 5px auto; }

.badge-thumbs { padding: 5px 100px 5px 5px !important; position: relative; min-height: 36px; }
.badge-thumbs .badge-thumb { margin: 5px; }
.badge-thumbs .button { position: absolute; top: 50%; right: 10px; margin-top: -13px; }

then there's

/* Badge Options Tab */
.badges, .show-user .badge-thumb  .show-user .ui-tabMenu > ul > li:last-child { display: none; }
#badge-options h4 { margin-top: 10px; }
#badge-options .badges-have .badge-thumbs { width: 240px; }
#badge-options .badges-dont-have .badge-thumbs { width: 110px; }
#badge-options .badge-thumbs { float: left; padding: 5px !important; }
#badge-options .badge-thumbs .badge-thumb, #badge-options .badge-thumbs .badge-icons { float: left; }
#badge-options .badge-icons img { margin: 5px 0 5px 10px; vertical-align: middle; }
#badge-options .badge-thumbs .badge-icons img, #badge-options .badge-thumbs .badge-icons input { margin: 5px 0 0 10px; width: 16px; height: 16px; }
#badge-options .badge-thumbs .badge-icons input { margin-top: 8px; padding: 0; }
#badge-options .badge-thumbs .small { vertical-align: bottom; }
#badge-options .badges-dont-have .badge-icons img { margin-top: 16px; }
#badge-options .badge-gift, #badge-options .badge-use-action { color: @container_text_color_1; }
So where in the world do I drop

.badges, .show-user .badge-thumbs .show-user .ui-tabMenu > ul > li:last-child { display: none; }
to negate all that lot please?

[horsehandler]

Anyone?

[Stinky666]

Mar 15, 2013 9:17:44 GMT -8 horsehandler said:

Anyone?

Hi. It's best to place that part of CSS at the very bottom of your Style Sheets.
I literally mean, the VERY bottom. Below absolutely everything else.


Edit:
No need to touch any of the other CSS, by the way. Reason being, if I am not mistaken, adding something to the bottom of your CSS will over-ride all before it. SO that part of code you were given is set to display: none, meaning it will over-ride the CSS you have posted.

[horsehandler]

Thanks for that Stinky666. I.ve tried putting it under everything else but as soon as I put it in an Error message comes up saying Object has no method 'toCSS'

Can't believe that something that is supposed to be a perk of ad-free is proving so difficult.