Is there any way to fix it from floating? 

It may be my CSS breaking it or something


Hey! The position is fixed on the page, you'll have to adjust the position manually (the [top: ] and  [left:  ] values).

Okay! Thank you :) 

This user is not visible to guests.

Looks great! So glad it helped ya!

thank you so much for this!!

You got it! ;)

Do you import this in the characters css itself?

This is HTML, not CSS.

Ah, thank you!

This user is not visible to guests.

tysm, this helped a lot :-)

This user is not visible to guests.

I can't seem to get it to work. Is there a way you could post the full correct code for me?

This user is not visible to guests.

Tysm! But I've run into some trouble with the code lol Idk why it's done this

It's because the character has a lot of tags, you'd need to adjust the "top: 1rem" value - but I personally leave it as it is, since it would then look weird on mobile.

This user is not visible to guests.

This is perfect! I nudged the code a little down and I'm gonna start to apply it to all my characters as I go through and pretify them!

Nice =)

Glad you're enjoying it!

you're a LIFESAVER!!!

Im glad you found this then! I fr could not believe that it hadnt been made before + how much i needed it

Is it possible to put it underneath the character icon? I love this but it covers their names sometimes so I’d love to move it underneath 

You can play around with the position values (they look something like "1.5rem")

Just change the number until you're happy with the position!

You can use th.circlejourney.net to modify in real time

Thank you so much!

No problem! Good luck with your coding!

i love the idea of this code sm!! slowly using it for all of my characters, thank you for sharing it :]

thank you! they look nice!

Hey can someone give me an example of what the code should look like when the badge is given a customized colour? I’ve been trying to figure it out myself but it hasn’t been working 😔✊ any help is greatly appreciated! <33

Should look something like this:

<span class="badge badge-card m-1" style="font-size:15px; position:absolute; left: 5rem; top: 1rem; background-color:#d62a6c; color:#0000ff;">

pro/nouns

</span>

Thank you so much 💖💖

used it for like all my ocs lol ^^

This user is not visible to guests.

indeed, i saw it when i was looking for a code like this - that thread is just suggestions/ideas/concepts though

This user is not visible to guests.

im not entirely sure what you're requesting, wdym?

This user is not visible to guests.

thank you! id love to see it in use !

This user is not visible to guests.

looks nice!!

OMG WHAT DID YOU USE TO MAKE OT SIT THERE OMG

This user is not visible to guests.

I got it ty :0