Problem with a Tutorial (Badges)

Technical Details

Forum version : #ModernBB
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
When the problem appeared : after js implemention
Forum link : http://runeterra.forumotion.com/

Description of problem

Hello,
I implemented this feature here on my board: https://help.forumotion.com/t155075-profile-awards-with-hover-over-names

Everything works, except the hovered title, doesn't show up... Anyone has an idea why?
It might be some other JS interfering with this one since I modified quite a few things.
I only use some basic JS like "Select whole code", "local text storage", "character counter", "header changer" and an "account switch". Let me know if you need details on those.

Also, I checked and the issue happens also with the original code. Not just, after changing text & images.

Thanks so much for helping!

Hello @Leyjenah  Welcome to the English support forum

I will be more than happy to try and help you on this matter.

Do you have a test account with admin powers i can use to try and see what the problem is ?

If yes can you send me a PM with the Username and password and a link to your forum and i will be happy to see what the problem is.

If you don't have a test account you can read this topic  >> How to make a test account for your forum

Done!

okay i found the problem when you set up the Javascript you set it to all pages the right setting was meant to be messages / topic's only

I made that change and cleared the settings in the profile so everyone has no badge at all then i added 2 of your badges to my test account and posted in your staff forum please take a look and see if you see them ok when you hover.

I have also found a little problem with your login / profile Widget

if you look here it is over the post reply button it should be moved over to the right more

Sadly I do not know the code to this as i am still getting to grips with that forum setup

But maybe if you want it done you could ask @TheCrow to take a look

Yes, it's working now. Thanks so much :3

Regarding the Login Widget: What's your resolution?
It's okay in Full HD (1920x1080) if you use a lower resolution, it works at 80%.
If you know a better solution I'm of course open for it!

BR, Ley

my screen size is 100% 1366 x 768

Yes that's why :3
In 80% it looks just fine.
If TheCrow knows a better way, I'd be happy to change it. I can imagine it works with some % instead of px?
Otherwise, I think it's fine :>

Should I put the Solved button or wait for TheCrow to reply?

mark it as solved and i will ask Thecrow to PM you if he knows how to fix this for all resolution's

Hello @Leyjenah,

By adding this in your CSS it should fix you problem:

Code:

#right {
  right: 5% !important;
}

Regards.

Hey, thanks so much!
I went with 8%, but it works now!

Thank you for the extra support guys :3

BR, Ley