I can't seem to replace the default background image!! I've tried everything and nothing will work, please help https://cdn.discordapp.com/attachments/1077059879602245654/1233481515757732032/IMG_5754.png?ex=662d40ae&is=662bef2e&hm=c777bd732e91be6ba63bbf2d5a5c5b80fd18308128310b7775c1d9b6df6bbd13&
sent the images of what's wrong in discord attachment bc idk how to send images thru comments lol
I love this code, but i can't seem to find where to change the color of the box holding the info "Name: Age: etc..."
Am i just blind? This is driving me nuts!
hi it is an amazing code but i have a question can i remove the gaps in the color boxes? and how? I'm a beginner and have no idea how i can do this :(
the color palette fields have some space. i need this a little bit smaler eventually smaller fields too?
try changing display-2 to display-1, or if that still isn't big enough for your preference, removing display-2 and adding style="font-size: 4rem;" (then you can change 4 to any number you'd like). sorry again but "fields" is pretty vague, you'll need to be more specific for me to know which part of the code you're referring to 
This code strikes the perfect balance between having detail but being simple enough for my newbie self to use!!! I'm not done editing it to fit this oc but I wanted to comment before I forgot lol
adding these will do it! the first is for the body text (likes, dislikes, notes, and description) and the second is for the header. you can put them in the same spot in the other tabs' code too.
could i see a screenshot of your code in that area? i tested the code i provided and it works fine for me.
ah—sorry, i should've clarified; #000000 is the hex code for the color black. you need to replace it with the color you want it to be ^^
I love this code look what I've done with it on my profile it's sooo nice i literally love it (I frankenstined a basic music player into it too and it's just WAHHH perfect) https://toyhou.se/22676265.pleco
Hmm im a little confused,,, i have WYSIWYG off and everything but when i try to change the bg url it still stays the image it was programmed with X( even if i take out the image url it still stays but i can change the avatar and text just fine,,, is there something im doing wrong ❓ i love this code and i rlly wanna use it
Lovely code will defiently be using! Was wondering if there was a way to make the box corners rounded?^^
i love the colors & images you chose for her profile!! :D the main box background, progress bar backgrounds, <hr> dividers, and main box text all use bootstrap color by default, which adjust based on the theme the user is using (you can see each of the variants in the gallery for this code). if you want to use custom colors instead, find the element that corresponds to what you want to change and add color: #YOURCOLORHEX; (to change the text color) and/or background: #YOURCOLORHEX; (to change the background color) to the style="" attribute.
example: <div class="col-12" style="color: #FFFFFF; background: #000000;">...</div>
for the main box you're looking for the element that looks like this: <div class="col-12 col-lg-7 col-xl-8 p-0 bg-faded">...</div>
for the <hr>s you'll need to use border: #YOURCOLORHEX; instead. just make sure you test it on all themes to see if it's readable :]
This code is very lovely! Thank you for making it! I just used it for my two ocs, Adderswirl and Poppysnow! Im gonna mess around with the colours a bit later :)
thank you for this awesome code I love it sm! I was playing around with it with my girl Joy hehe >:D
I wanted to ask if it’s possible to change the darker color on the circle surrounding the avatar, into a custom color?
I’m not the very best with coding and would hate to accidentally break the code :[
you're very welcome, i'm glad you like it!!!! :D there is a way to do this, it's just slightly more convoluted. below the image link for the avatar, where you changed the color initially, find the code that says:
border: inset 8px #yourcolor;
delete that and replace it with:
border-right: solid 8px #color1; border-bottom: solid 8px #color1; border-left: solid 8px #color2; border-top: solid 8px #color2;
and just replace "color1" and "color2" with the colors you want :] if anything breaks, it's most likely a misplaced semi-colon—they should appear after each statement (like property: value; property: value;)
Just wanted to say, this is such a cool code?!! I love the layout so much!! Thank you! Here’s my little bab I’ve been working on with this X3 (still a wip) : https://toyhou.se/18518270.raven
I love this! I only have one question, how do I add an avatar picture? Im having some issues adding the image https://toyhou.se/8804665.amethyst
i'm glad you like it!! :D it's hard to tell what the issue is without looking at the code you have, but first make sure your image link is actually a link to a valid image. it should end in .png, .jpeg, .jpg, .gif, or maybe .webp (it's also okay if there's a ? followed by some numbers right after the file extension, for example .png?297592). if that looks fine, send me a screenshot of your code where the avatar image portion is and i'll take a look!
Using this for my wind-up mouse Crumpet! (https://toyhou.se/14828190.-crumpet)
I adore this code so much, thank you for making it!!
nothing works for me when I try to change the code for myself :__(
I tried to change the color of the cover and insert pictures according to your instructions, but nothing has changed + the code was mixed into a mess after checking the custom
it sounds like you have WYSIWYG on, which is incompatible with custom code. it removes most whitespace (making it look like a mess) and adds unnecessary divs to the code which makes things like images get all messed up. if you want to use custom codes, you always have to have WYSIWYG disabled for profile text and code editor enabled in your display settings. if coding without a live preview is difficult for you, i recommend using this live code editor for toyhou.se!
hey!! i’m using this code for one of my characters and i’m loving it but i’m having trouble inserting images into the relationship profiles and the profile pic spot, how did you do that?
just look for the code for the avatar & character relationship sections and find and replace "IMAGELINK" (outlined in purple below) with a link to the image you want to use! this needs to be a direct link to the image, not to a page the image is displayed on (you can get this by right clicking on the image you want to use and copying the link address). it should end in a file extension like ".png"/".jpeg"/".gif", etc. (exception: images on toyhou.se that have been updated will have some extra numbers after the file extension; this is fine), so for example:
https://toyhou.se/2461075.tambora/gallery#17614392 this would NOT work
https://f2.toyhou.se/file/f2-toyhou-se/images/17614392_CaxUtrsep4SV6j9.png but this would
the "CREDITLINK" outlined in pink below is where you can insert a link (like the first link example) that provides credit for the image you're using. the image below is of the avatar image code, but the relationship image code is nearly the same. :)
Using it with best boy sprout! Thank you for the very easy to read and understand code! I really didn't feel like making my own code for him :P
Hello! I adore this code and it's perfect for any character plus super easy to read and understand. However I'm having trouble finding out how to change the box colors, hearts, etc., to match the background I have for it.
hey, i'm really glad you like it!! :D look for any spots in the code that look like background: #000000; or background-color: #000000; or color: #000000;, etc. (with varying hex codes) and replace these hex codes with the color you want to use. for example here's where these are in the code for the likes/dislikes/notes:
it will look different for the translucent elements, though:
these use RGBA format instead of hex codes. the first three numbers represent the color and the fourth represents the opacity (from 0 to 1). if you don't know how to get the RGB values for your color, try pasting your hex code into coolors.co and then switching to RGB; it'll give you the three numbers you need. :]
(sorry for the late reply, i didn't have access to my computer for a while while it was getting repaired!)
i absolutely adore this code!! ive started making it the default for the majority of my ocs - its a wip but i have quite a few done already!! thank you sm for sharing <3
hello!! im using this code on one of my characters (cottonmouth), do you know if there's any way to change the font of the text?
yes! add style="font-family: FONTNAMEHERE;" to the opening div containing all the text you want to change the font of (that would just be the first div you see if you want to change all of the text) and replace FONTNAMEHERE with the name of the font you want to use. for example, i used serif in this layout. you can see the code for that in the first div. :]
the selection is pretty limited, though. i believe all of the fonts on this list will work, but i haven't really tested them myself. it is possible to import any fonts you want from google fonts using css, but that's exclusive to premium users.
this page also has some helpful info about how to use fonts, and if you have any further questions about it you can ask in the help thread! i've only messed with fonts a handful of times so you'll probably get some more detailed answers there lol.
Used on this gal, thank you so much for this code, absolutely adorable! Still gotta add some pictures and finish some things but I am ~ lazy ~
Been using code for my OCs! Such a pretty code! Ty for making it! https://toyhou.se/12070463.malibu / https://toyhou.se/15003439.tomko
Im still new about coding so I have a question, how to change their traits, or how to increase or decrease it?
if you're new to using html codes, check out this guide! once you've added the code to your character, just look for the text you want to change in the code and edit it accordingly. i've indicated most of the text you'll want to change with words telling you what should go there in all caps ("CONTENT"/"IMAGELINK"/etc.) and/or by surrounding it with blank space so it stands out. you can try editing it in the live editor if that makes it easier for you. if you have further questions feel free to ask me or post in the help thread. :]
it's here, in rgba format to support translucence:
[F2U HTML] Sunny Boxes's Comments