Hello! I love this code, it has helped me a lot, although I have a question, is there a way to change the color of the text bubble? Not the buttons, I'm talking about the speech bubble

Hi! Sorry to bother but I'm having a little trouble with the code. The speech tick is underneath the text box and I'm not sure how to fix it. Just wondering if you could help with it. Tysm for the code though it's so cuteeee!!

using for sure! thank you

Sorry to bother 🥹 Im having a bit of trouble with the code, mostly that it hides behind css coding the page has. Is there a way to make it so that is infront of it all?

hi, i'm not too sure what you mean!  can you give me a link to the problem?

some things can't be behind the code, such as the comment box if that is one of the things you're talking about :0  you're welcome to try and increase the z-index to a higher number!

Sorry sorry, i used the code here, https://toyhou.se/~world/153983.luceros I tried to see if I could add it somewhere else but it just broke everything ;v;

Here’s how i implement the code, i have it on “Blurb” since putting it on the other two broke the thing

https://docs.google.com/document/d/1-C48C8Haqf5E30nGN7JEwtrEYYa9YI96LjyYc4hqnjg/edit

Hey Jiko! I hope it was okay but I made an edit to the code I wanted to share with others, so posted it (with your credit on the page & still in the code itself). You can see it here, I tried to look around your rules in case there was anything against it but figured it was a F2U and my changes are rather small (just including buttons that do certain things) and thought it'd help others especially if they can't navigate code to implement it themselves! Let me know if it's okay though!

ooouu this is such a neat lil edit !! you can still have it up, it's not a worry ^7^ <3

Alright, thank you!

Uhhh hello! I’ve been wanting to use this code for a while but I’m having lots of trouble getting the image on the left of the bubble. I’ve read a comment where you explain how to do it but there doesn’t seem to be a float-right anywhere on the code. If you’re not too busy and don’t mind helping me i’d really appreciate it. Regardless Tysm for this code!

hi!  the comment below was from an older version of the code, sorry about that! >w<  if you want the image on the left of the bubble (but to still remain on the right side of the screen), you'd want to:

  1. add flex-row-reverse in the class of Line 11
  2. Under PAGEDOLL, switch ml-3 with mr-3
  3. Under SPEECH TICK, add fa-flip-horizontal in the class of Line 78 and switch margin-left with margin-right
and that should cover everything!  let me know if things don't look right <3

Thank you so so much! Everything worked perfectly! And thank you so much for the help! Have a wonderful day or night!

I love this so much! I’m using it as a guide to my character directory >w< But is there a way to make the speech bubble have an outline?

you can remove border-0 from the main bubble!  though, i think your CSS has it disabled automatically?

in the HTML, next to the border-radius, you can add a custom border instead!  here's an example

border: 3px solid #HEXCODE!important;

I just changed that and it’s exactly what I was looking for, thank you so much!!!

This user is not visible to guests.

cute lil code!! added a bit of css so it pops up when hovered ^^

so cute!!  i love the idea! <3

This user is not visible to guests.
This user is not visible to guests.
This user's account has been closed.

delete btn-primary and add a background:#HEXCODE in the style!

<a href="LINK" class="w-100 btn btn-primary btn-sm text-white" style="background:#HEXCODE">

This user's account has been closed.
This user is not visible to guests.

always check the tabs !!

This user is not visible to guests.
This user is not visible to guests.

thank you!

i just revamped the code a bit to fix this problem with the speech tick, so removing the buttons shouldn't cause anything funky!  let me know if it works better at your end? <3

This user is not visible to guests.
This user is not visible to guests.

anywhere (so yes, both)! <3

This user is not visible to guests.

SOO CUTE !! TYVM FOR THIS ILY <33 

This is awesome!! tysm! :3 now my characters can link extra info to the species they belong to!

happy it can help!! <333

This user is not visible to guests.

at the top, switch right:0 with left:0 !

and if you want the image on the left side as well, switch float-right with float-left (and ml-3 with mr-3)

then at the speech tick, add an fa-flip-horizontal at the class and switch right:-20px with left:-20px

hope that helps!

This user is not visible to guests.

little guy!! :33

the littlest!!! 🫶

This user is not visible to guests.

reply 🥺💖

This user is not visible to guests.

LMAOOO

This user is not visible to guests.

THANK YE!! <333

AUGGH THANK YOU IVE BEEN LOOKING FOR SOMETHING LIKE THIS!! <3 q_q

glad it can help!! <333

this code is so cool and awesome thank you for making all the epic f2u resources you do !!!! 

thank you!!! :Dc <333

this looks awesome and is super helpful!! thank you for making this ^^ have a good december <3

ay thank you sm, happy it helps a little !! :3c <3

This user is not visible to guests.

GASP!  thank you so much aa!! <333