How to hide Gift tag and Badges when ad-free

[Brian]

Hi, horsehandler.

Just to confirm, you're adding the exact code you quoted in your previous post?

[horsehandler]

I've tried putting .badges, .show-user .badge-thumbs { display: none; } and .badges, .show-user .badge-thumbs. .show-user .ui-tabMenu > ul > li:last-child { display: none; } both separately and together at the very bottom of the style sheet and got that error each time Brian.

If I put either/both before the final } I don't get the error - just nothing happens.

[Brian]

Can you post the exact codes you're putting into your style sheet within [code] BBCode tags?

[horsehandler]

I'm adding the last two lines so the bottom of the style sheet looks like this:


/* Firefox */
@-moz-document url-prefix() {
select { padding: 4px 2px; }
.ui-search .search-filters-button { padding-left: 6px; }
.ui-tabMenu ul li { height: 27px; }
}
.badges, .show-user .badge-thumbs { display: none; }
.badges, .show-user .badge-thumbs. .show-user .ui-tabMenu > ul > li:last-child { display: none; }
I've tried it with both of the lines by themselves as well.

[Stinky666]

Mar 24, 2013 14:06:29 GMT -8 horsehandler said:

I'm adding the last two lines so the bottom of the style sheet looks like this:


/* Firefox */
@-moz-document url-prefix() {
select { padding: 4px 2px; }
.ui-search .search-filters-button { padding-left: 6px; }
.ui-tabMenu ul li { height: 27px; }
}
.badges, .show-user .badge-thumbs { display: none; }
.badges, .show-user .badge-thumbs. .show-user .ui-tabMenu > ul > li:last-child { display: none; }
I've tried it with both of the lines by themselves as well.

Hi, I believe there is an extra fullstop with the second line of coding:

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

should be

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

[horsehandler]

Thanks Stinky666 - I'd tried that before but put it in again and all the badge stuff is still showing when I click on edit profile.

[Brian]

Looks like someone missed a comma. This one removed stuff for me.

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

[Stinky666]

Mar 25, 2013 10:40:15 GMT -8 Brian said:

Looks like someone missed a comma. This one removed stuff for me.

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

So the fullstop was supposed to be a comma. Ahh
Blame Michael (lol like your username Michael )

[horsehandler]

This is what is in my css now but the pesky badges are still in Edit Profile & Settings 

/* Firefox */
@-moz-document url-prefix() {
select { padding: 4px 2px; }
.ui-search .search-filters-button { padding-left: 6px; }
.ui-tabMenu ul li { height: 27px; }
}
.badges, .show-user .badge-thumbs { display: none; }
.badges, .show-user .badge-thumbs, .show-user .ui-tabMenu > ul > li:last-child { display: none; }


[Brian]

This will hide the one in the Edit Profile page.

.edit-user .ui-tabMenu > ul > li:last-child { display: none; }

[horsehandler]

Oh I need a hand-clapping, dancing around the room smiley now - thank you Brian!

[horsehandler]

Sorry - spoke too soon. It works fine to remove the badge stuff from the Edit Profile page but I've just noticed it also remove the Staff Options tab.

[Brian]

Can you link to the forum where the staff options tab is being removed? I tried the CSS myself here on Support and it only removed the Gifts and Badges.

[horsehandler]

It's horsehandler.proboards.com/ Brian.

[Brian]

I've removed everything that changes the tabs from the CSS and Layout Templates and placed them all in the Global Header.

For reference, this is the full code in your to remove the tabs and content boxes for badges and gifts.

<style type="text/css">
.badges, .show-user .badge-thumbs { display: none; }
</style>
<script>
$(document).ready(function() {
$('div.ui-tabMenu ul.ui-helper-clearfix li a[href$="/badges"]').parent().hide();
$('div.ui-tabMenu ul.ui-helper-clearfix li a[href$="/gift"]').parent().hide();
});
</script>