Jody Marie ♡'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

How To Add Custom Online Now Image To Profile Layout 💜

Step 1: Copy the following CSS code below & paste it into your 'About Me' section when you go to Edit Profile on SpaceHey:

<style>

    .online {visibility: hidden;} 

    .online img { 

        content: url("URL GOES HERE"); 

        animation-name: none; 

        visibility: visible; 

        height: 15px; /* CHANGE HEIGHT OF CUSTOM ONLINE ICON IMAGE */

        width: 60px; /* CHANGE WIDTH OF CUSTOM ONLINE ICON IMAGE */

display: block;

margin-left: auto;

margin-right: auto;

    }

</style>

Step 2: Open Glitter-Graphics in a new tab and choose what "Online Now" image you want to add to your profile layout. Click on the "Online Now" image of your choosing & it will bring you to a page that looks like the one in the image below:


Step 3: Right click on the "Online Now" image & click Copy image address.

Step 4: Go back to the CSS code you pasted into your "About Me" section and erase the URL GOES HERE text & then paste the code you just copied from the "Online Now" image address where the URL GOES HERE text was. The URL should be between the quotation marks. 

Step 5: Click save and you're done! 😊


4 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

⛦ icarus !! ⛦

⛦ icarus !! ⛦'s profile picture

omg only four kudos???? this was a lifesaver! lol


Report Comment

ORION ECTOPLASM (#1 tokrev fan)

ORION ECTOPLASM (#1 tokre...'s profile picture

okay so mine is weird and still displaying an extra green online thing? i have no idea how to get rid of it


Report Comment



I updated the coding because I forgot to add the style tags.
Let me know if you are still having problems with it

by Jody Marie ♡; ; Report

No problem! Sorry for the late response!

by Jody Marie ♡; ; Report