[F2U HTML] Ribbon Box's Comments

This user is not visible to guests.

hi! at that point i think you're really just looking for a different code, the whole point of this one is that the text is laid out next to the ribbons. restructuring it so that the ribbons are closer together and the text is in a tooltip is possible but would just be creating an entirely new code from scratch. i've seen some around that are similar to what you're looking for, but i don't have them saved, i'm sorry! you might be able to find one in the comments here.

This user is not visible to guests.

Pastastar

Hello! How do I change the background of the code? I am trying to add the code between the colour palette and relationship section! Is there a way to edit a border to match the rest of the code?

StormyStarlight

just add the bg-faded class to either the first <div> (if you only want the background behind the ribbon box and not the credit line) or create another <div> around the whole snippet and add the bg-faded class to that one! (if you want it behind the ribbon box and the credit line)

you're using custom CSS so i can't actually tell for sure if bg-faded is the one you need, but if it's not that it's probably bg-dark or card or it's inline CSS, like style="background: #000000" (replace 000000 with whatever color the other boxes are using).

you'll also probably want to add some padding so that the background isn't right up against the edges of the ribbon images & text. here's the bootstrap documentation page on that if you aren't already familiar with how to do that! the exact class for that will depend on exactly what you want so you should give it a read yourself and try, but if you need help with that let me know :]