Hello,

I just added some special ranks to the forum. When visiting the profile page of a member with a special rank, the rank appears as this:

Rank: (Name of rank in text)

How can I remove "Rank:", which is there by default?

phpBB3

Thanks.

hello

replace the word Rank with  

Misread the question

Good afternoon!

AP - Modules - Javascript codes management
Title: any
Placement: In all the pages
Javascript Code:

Code:

$(document).ready(function(){
  let profileBody = $('div#profile-advanced-right div.module:first-child div.inner div.h3 + div');
  profileBody.html(profileBody.html().replace('Rank:', ''));
});

Submit

Result:



There is no other way, as the text "Rank:" does not have a tag

Didn't work. "Rank:" is still there.

I can add that I only use text, and not an image, in the ranks.

What could be the problem? Anything else you need to know?

Do you have JavaScript Management activated?

Dear @Friendly Toucan

if you are using the simple profile, you can go to ACP > Display > Templates > Profile and edit the template profile_view_body
Look for this string and remove it, then save and publish the template

Code:

{L_RANK}:

If you are using the advanced profile, this cannot be done via templates - so, let me know so we can look for a solution

Am I using the simple or advanced profile?:

SLGray wrote:Do you have JavaScript Management activated?

Yes...

@Niko Yes, I am using the Advanced Profile...

Is this your forum @Friendly Toucan ?
https://cerulean-blues.forumotion.com/login

Can you put it public so I can see the profiles as guest? Otherwise I have to register to check the forum

This module (AP - Modules - Javascript codes management) collects all available scripts into one and runs them. It is possible that my code conflicts with other code you already have installed.

This cannot be determined without access to the forum. Open the forum to guests or provide an account on your forum.

@Friendly Toucan I received the test account credentials, but I can't find any rank in your forum
can you provide me a link where I can see the Rank: you want to be removed?

Thanks

@Friendly Toucan - URL example received, thanks

Here you a script code you can use to solve the issue and remove "Rank"

Code:

$(function() {
(function ($) {
  $.fn.replaceText = function (a) {
      var c = $.extend({}, a);
      return this.each(function (a, f) {
        $(this).html(function () {
            var b = this.innerHTML;
            $.each(Object.keys(c), function (a, d) {
              var e = RegExp(d.replace(/("|\'|\(|\)|\[|\]|\.|\*|\!|\?|\$|\||\+|\^|\/|\,|\;)/g, "\\$1"), "gi");
              b = b.replace(e, c[d])
            });
            return b
        })
      })
  };
}(jQuery));

$("div#profile-advanced-right div.module").replaceText({
    "Rank:": ''
});

});

I just noticed a slight problem. In threads, how can I reduce the space between the ranks and whatever is below them?

Thanks.

You probably need to edit the separator type for the first field you have in messages

Go to ACP > Users & Groups > Users > Profiles > Profile fields, edit the first profile field visible in threads for what concerns this option:

I tried, but that only reduced the space below, and not the space above.

Can you mark me the space you mean in a screenshot?
also, a link I can follow to check the issue live

edit: I think the extra space is given by this line of code

Code:

<dd><br></dd>

At the moment you have

Code: <br>

which represents a "go to new line" - probably because you do not have any image set for the rank.
Try using https://2img.net/i/fa/empty.gif as image (it is an empty image file)

Just tried adding the image, but I think it made the space grow even more...

@Friendly Toucan Oh I see..
can you remove the image and leave the field empty? So I can re-check?

Also, could you provide me your template General > Viewtopic_body between

Code: <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">

and

Code: <!-- BEGIN switch_likes_active -->

?

Thanks

@Friendly Toucan - thanks for the template - received by PM

If you are never going to have an image for your ranks, can you try to remove

Code: {postrow.displayed.RANK_IMAGE}

from the template, save and publish?

Otherwise, let me know

I unfortunately plan to use images for some ranks as well...

I just solved it.

I went from using this:

Code:

<b><font color="#FF0000"><p style="font-size: 12px;">TEST</p></font></b>

(This code was added to the actual name of the profile rank.)

Now I use this as the name:

Code:

<em class="new-rank">TEST</em>

... And this in the CSS:

Code:

.new-rank {
color: #FF0000;
font-size: 12px;
font-weight: normal;
font-style: normal;
}

Doing it this way instead, somehow made the extra space disappear.

Thanks to everyone who helped. Marking this as "solved".