OnlineNow and Bootstrap looks weird.

vrijvlinder

That is not what it looks like to me. What browser are you using to view this ?

The issue is only about css. Look into the css and fix it for your theme.

vrijvlinder

#OnlineNow.Box ul.PanelInfo li {
display: inline-block;
width: 40px;
height: 40px;
padding: 0!important;
border: 0 none;
text-align: left;
white-space: nowrap;
padding: 0!important;
box-shadow: none;
background:transparent;
margin-left: 4px;
}

Gogito

@vrijvlinder said:
#OnlineNow.Box ul.PanelInfo li {
display: inline-block;
width: 40px;
height: 40px;
padding: 0!important;
border: 0 none;
text-align: left;
white-space: nowrap;
padding: 0!important;
box-shadow: none;
background:transparent;
margin-left: 4px;
}

Well, it looks a bit better ( the avatars are separate from each other ) but still... I'm using Chrome by the way.

vrijvlinder

Ok then use that as a guide to fix them as you want.

margin-left makes it move from the left

margin-top makes it move from the top etc and you can use negative numbers also like margin-top:-10px; that makes it go up instead of down

http://www.w3schools.com/css/css_margin.asp

Gogito

I've just notice that I can't see the plugin in IE logged in or not. This is weird.

vrijvlinder

One more reason not to use IE

Gogito

@vrijvlinder said:
Ok then use that as a guide to fix them as you want.

margin-left makes it move from the left

margin-top makes it move from the top etc and you can use negative numbers also like margin-top:-10px; that makes it go up instead of down

http://www.w3schools.com/css/css_margin.asp

Thanks a lot, I've been diving into CSS a lot lately but here's the part I don't get: the avatars should be using the same CSS right ? But they are in different positions.