The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Hide reputation label.

View previous topic View next topic Go down

Solved Hide reputation label.

Post by Zuke on May 2nd 2015, 12:36 pm

Hello, how can I hide the reputation label? My forum version is PunBB.

What it looks like:http://prntscr.com/70lhf5

How I want it to look:http://prntscr.com/70lhtw


This is the code it uses:<span class="label">Reputation: </span> (In inspect element)

How would I delete that do it just says the amount of rep, like 0.

Thanks! Wink

Luke

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Solved Re: Hide reputation label.

Post by brandon_g on May 2nd 2015, 1:52 pm

Hello,

All you would need to do is replace that icon with a different one. I presume that is in the profile?

If so, go to ACP-->Users & Groups-->Profiles-->Find the one where it says reputation, hit the little yellow gear icon to modify the profile field, where you see url, remove whats in there with the new one.

Now if that is done in html... It might also be done through templates, which is a bit more tricky. Did you add this button or did it come with the theme?

-Brandon

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Hide reputation label.

Post by Zuke on May 2nd 2015, 4:33 pm

@brandon_g wrote:Hello,

All you would need to do is replace that icon with a different one. I presume that is in the profile?

If so, go to ACP-->Users & Groups-->Profiles-->Find the one where it says reputation, hit the little yellow gear icon to modify the profile field, where you see url, remove whats in there with the new one.

Now if that is done in html... It might also be done through templates, which is a bit more tricky. Did you add this button or did it come with the theme?

-Brandon
It's not an icon. All it is, is the regular Reputation, but just got JavaScript to add the little yellow box around it.

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Solved Re: Hide reputation label.

Post by brandon_g on May 2nd 2015, 5:25 pm

May you post the javascript and/or any css you have for it here?

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5140
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Hide reputation label.

Post by Zuke on May 2nd 2015, 7:47 pm

@brandon_g wrote:May you post the javascript and/or any css you have for it here?

-Brandon

The JavaScript:

Code:
jQuery(document).ready(function(){
        jQuery('.user-info .post_field:contains("Reputation")').attr('style','background-color: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;color: white;font-weight: bold;display: block;margin: 0 auto;margin-top: 10px;padding: 4px;text-align: center;text-shadow: 0px 1px 0px rgba(0,0,0,0.37);background-position: 0px 1px;background-repeat: repeat no-repeat;max-width: 110px;border: 1px solid rgba(55,55,55,0.59);;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.55);background: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);
}');
        jQuery('.user-info .post_field:contains("Reputation: 0")').attr('style','background-color: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;color: white;font-weight: bold;display: block;margin: 0 auto;margin-top: 10px;padding: 4px;text-align: center;text-shadow: 0px 1px 0px rgba(0,0,0,0.37);background-position: 0px 1px;background-repeat: repeat no-repeat;max-width: 110px;border: 1px solid rgba(55,55,55,0.59);;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.55);background: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);
}');
        });

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Solved Re: Hide reputation label.

Post by SLGray on May 2nd 2015, 9:04 pm

So you want to remove reputation?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Hide reputation label.

Post by Ange Tuteur on May 2nd 2015, 10:11 pm

Hi @Luke Spike,

Replace your script with this :
Code:
$(function(){
  $('.user-info .post_field:contains("Reputation")').attr('style','background-color: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;color: white;font-weight: bold;display: block;margin: 0 auto;margin-top: 10px;padding: 4px;text-align: center;text-shadow: 0px 1px 0px rgba(0,0,0,0.37);background-position: 0px 1px;background-repeat: repeat no-repeat;max-width: 110px;border: 1px solid rgba(55,55,55,0.59);;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.55);background: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);}').find('.label').css('display','none');
  $('.user-info .post_field:contains("Reputation: 0")').attr('style','background-color: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;color: white;font-weight: bold;display: block;margin: 0 auto;margin-top: 10px;padding: 4px;text-align: center;text-shadow: 0px 1px 0px rgba(0,0,0,0.37);background-position: 0px 1px;background-repeat: repeat no-repeat;max-width: 110px;border: 1px solid rgba(55,55,55,0.59);;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.55);background: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);}').find('.label').css('display','none');
});

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Hide reputation label.

Post by Zuke on May 2nd 2015, 10:13 pm

@Ange Tuteur wrote:Hi @Luke Spike,

Replace your script with this :
Code:
$(function(){
 $('.user-info .post_field:contains("Reputation")').attr('style','background-color: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;color: white;font-weight: bold;display: block;margin: 0 auto;margin-top: 10px;padding: 4px;text-align: center;text-shadow: 0px 1px 0px rgba(0,0,0,0.37);background-position: 0px 1px;background-repeat: repeat no-repeat;max-width: 110px;border: 1px solid rgba(55,55,55,0.59);;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.55);background: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);}').find('.label').css('display','none');
 $('.user-info .post_field:contains("Reputation: 0")').attr('style','background-color: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;color: white;font-weight: bold;display: block;margin: 0 auto;margin-top: 10px;padding: 4px;text-align: center;text-shadow: 0px 1px 0px rgba(0,0,0,0.37);background-position: 0px 1px;background-repeat: repeat no-repeat;max-width: 110px;border: 1px solid rgba(55,55,55,0.59);;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.55);background: -webkit-linear-gradient(#fff600 0%, #e4b704 47.02%);}').find('.label').css('display','none');
});
Thank you! It worked! Solved. thumleft thumright

Zuke
Forumember

Male Posts : 375
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Solved Re: Hide reputation label.

Post by Ange Tuteur on May 2nd 2015, 10:29 pm

You're welcome ^^

Topic archived

Have a good weekend. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum