How to make the Green Online icon "Glow" using Pure CSS

[Damas Member Find all posts View Profile Close Damas]

Installed and working very good
thank you

[Mitch VFF Find all posts View Profile Close Mitch]

Glenn
Is there a way to have the green icon on cloud when viewing a members profile that is on line? Right now there is nothing there
I see your site has it

[glennrocksvb]

Checking...

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

I have updated the CSS code in the first post to make the online icon on Profile page appear and glow.

[glennrocksvb]

Does the code work

Mitch

VFF

Find all posts

View Profile

Close

Mitch?

[Mitch]

I wont be at my desktop to try it until Friday. Will report back

[Mitch]

Update
Yes it worked good Thanks

[glennrocksvb]

Thanks for confirmation.

[faustvasea Senior Member Find all posts View Profile Close faustvasea]

This code does not work as well on my forum.

[webgeek247 Member Find all posts View Profile Close webgeek247]

This code does not work as well on my forum.

Provide link to your forum so we can check.

[faustvasea Senior Member Find all posts View Profile Close faustvasea]

does work, but I got a bug on user profile, the icon disapeared .

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

It's a bug in the latest vB5.4.4 or even before that. You can see this bug on vbulletin.com. But I have updated the code in the first post to fix that and

Mitch

VFF

Find all posts

View Profile

Close

Mitch confirmed it is working for him. Maybe some other CSS code is overriding the code? You need to post a link for me to check.

[faustvasea Senior Member Find all posts View Profile Close faustvasea]

I've sent to you in a PM

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

faustvasea

Senior Member

Find all posts

View Profile

Close

faustvasea, I checked your site and it seems to be missing some CSS code in css_profile.css. I don't know why but you can add the missing code in css_additional.css:

.profileContainer .username .vb-icon {
    width: 12px;
    height: 12px;
}

[faustvasea Senior Member Find all posts View Profile Close faustvasea]

Thanks a lot

[Tariq Junior Member Find all posts View Profile Close Tariq]

It's not working for me can you help me please.

[glennrocksvb]

Need to see the site to see what's wrong. PM me the URL.

[Tariq Junior Member Find all posts View Profile Close Tariq]

OK thank you

[glennrocksvb Founder/Coder Find all posts View Profile Close glennrocksvb]

Tariq

Junior Member

Find all posts

View Profile

Close

Tariq, I checked your site and the green online icon works on postbit. On profile page it is not working because you don't have the updated code. Go to post #1 and grab the updated code.

[watershed Member Find all posts View Profile Close watershed]

Amazing stuff, yet again

[panzerscope Senior Member Find all posts View Profile Close panzerscope]

Great alteration.

I just applied the code in the OP to both my themes and notices it changed my Online Icon to a square, Oddly enough I kind of like that so I will leave it as it is. However my offline icon is still the round default one, what element do I need to change so it matches my green online square icon...but grey. See attached screenshot to note the differences.

Also how do you increase the size of the Offline and Online Icons ?

Thanks !