Blog Documentation Book a Demo
Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Avatars and hover text looks strange

Master99Master99 New
in Vanilla 2.0 - 2.8

Hello,
The avatars and hover text on my forum are looking like this:

I have changed browsers, reloaded the cache, and tried the solutions from previous discussions, but none have worked for me. I am using the Bootstrap theme. I don't need anything fancy, just a way get the avatars and hover text looking normal.

Any help would be appreciated. Thanks!

Comments

  • peregrineperegrine MVP
    edited January 2015

    does everyone have an avatar? they must I believe or use vanilicons.

    what version of plugin are you using?

    just prep work for V. :smile:

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  • vrijvlindervrijvlinder MVP

    Yea this is a real dog with fleas... I almost want to give up about Bootstrap. It just does not work great ...

    I don't see that with my forums.

    I need a link to see it live make a test account for me and message the login info

    make sure there are more than two persons online. this is near to impossible to test or fix without seeing it with multiple users.

    I fix it it for one person and it breaks for another...

    Look and see if any of the fixes posted in other discussions related to this issue work for you...

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • Master99Master99 New

    @peregrine said:
    does everyone have an avatar? they must I believe or use vanilicons.

    what version of plugin are you using?

    just prep work for V. :smile:

    I have a default-avatar type plugin. I am using the latest version of the plugin.

  • Master99Master99 New

    @vrijvlinder said:
    Yea this is a real dog with fleas... I almost want to give up about Bootstrap. It just does not work great ...

    I don't see that with my forums.

    I need a link to see it live make a test account for me and message the login info

    make sure there are more than two persons online. this is near to impossible to test or fix without seeing it with multiple users.

    I fix it it for one person and it breaks for another...

    Look and see if any of the fixes posted in other discussions related to this issue work for you...

    http://community.craftedkingdom.elementfx.com

    None of the other fixes posted in the previous questions worked for me.

    Thanks for your time, I sent the login info.

  • vrijvlindervrijvlinder MVP
    edited January 2015

    Ok the problem is the same... the area that has the problem needs adjustment per theme...

    please find these lines in the css file for the plugin and replace them with this, around line 33

        #OnlineNow.Box ul.PanelInfo li span.Time {
font-size: 9px;
position: relative;
top: -60px;
left: -20px;
visibility: hidden;
display:none;
background: #fff;
padding: 2px 6px!important;
border: 1px solid #999;
border-radius: 0;
z-index: 99999;
width: auto;
min-width: 80px;
text-align: left;
white-space: nowrap;
}
#OnlineNow.Box ul.PanelInfo li:hover span.Time {
visibility: visible;
display:block;

}

    report if this works to fix the popup. I can't see the other issue unless there are more people online besides me

    Add this to it se if it helps

         #OnlineNow.Box ul.PanelInfo li:hover span.Time a{
        display:inline-block;
    }

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • Master99Master99 New

    No effect.
    This is my current .css: http://pastebin.com/xa7tyNyY

  • Master99Master99 New

    Edit to last post: The avatars look a little better, the popups are still the same.

  • AnonymooseAnonymoose ✭✭

    Don't use the bootstrap theme.

  • Master99Master99 New

    @Anonymoose said:
    Don't use the bootstrap theme.

    I haven't been able to find anything that I like as good or better than.

  • vrijvlindervrijvlinder MVP

    Yes there is an effect, you just need to empty or disable the browser cache. It seems the name if it is too long it goes out of the box , something I had already fixed before for someone else...

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • Master99Master99 New

    @vrijvlinder said:
    Yes there is an effect, you just need to empty or disable the browser cache. It seems the name if it is too long it goes out of the box , something I had already fixed before for someone else...

    I already cleared my cache. It must have taken a little while for my CDN to update it's cache. I see the effect now. The names going out of the box is no big deal really unless it's an easy fix.

  • vrijvlindervrijvlinder MVP
    edited January 2015

    Try this change the block of code line 32 to this I changed the padding so take note in case you pasted before I edited

    #OnlineNow.Box ul.PanelInfo li span.Time {
font-size: 9px;
position: relative;
top: -60px;
left: -20px;
visibility: hidden;
display: none;
background: #fff;
padding: 2px 0px!important;
border: 1px solid #999;
border-radius: 0;
z-index: 99999;
width: auto;
min-width: 99px;
text-align: left;
white-space: pre-line;
}

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • Master99Master99 New

    No effect as of yet, Might be my CDN again. If it works in the morning I'll let you know. Otherwise it's no big deal.
    Great plugin! Thanks a lot!

  • vrijvlindervrijvlinder MVP

    I found something you will want to change if you get more people online at the same time..

    #OnlineNow.Box ul.PanelInfo {
height: 40px;
border: 0 none;
text-align: left;
width: 100%;
display: block;
}

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • Master99Master99 New

    It's working great now! Thanks!

    @vrijvlinder said:
    I found something you will want to change if you get more people online at the same time..

    #OnlineNow.Box ul.PanelInfo {
height: 40px;
border: 0 none;
text-align: left;
width: 100%;
display: block;
}

    Where would this go in the code?

  • vrijvlindervrijvlinder MVP

    Same place as the others :)

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • Master99Master99 New

    Everything seems to be working! Thanks for your help!

  • vrijvlindervrijvlinder MVP

    You are very Welcome !

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • vrijvlindervrijvlinder MVP

    But the above code needs min-height instead of just height, my bad there sorry , that way the minimum height is 40 but it can get bigger depending on the people online..

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • Master99Master99 New

    @vrijvlinder said:
    But the above code needs min-height instead of just height, my bad there sorry , that way the minimum height is 40 but it can get bigger depending on the people online..

    Will do, thanks.

Sign In or Register to comment.