Changing text in your Toyhouse code means editing the HTML or custom code you've written to display different words, labels, or content on your profile or character pages

Toyhouse lets you write custom code to build your profile layout, and that code contains the actual text visitors see. To change what appears on your page, you edit the code itself — there's no separate text editor. The process depends on where your text lives: in the HTML tags, in a CSS comment, or in a data attribute. Most changes take effect immediately after you save.

This guide walks you through finding the text you want to change, locating it in your code, and making the edit without breaking the layout or functionality around it.

Key Takeaways

  • Text in Toyhouse code lives inside HTML tags (between < and >), and you change it by editing what's between the opening and closing tags.
  • Use your browser's Find function (Ctrl+F or Cmd+F) to search for the exact word or phrase you want to change, so you don't have to scan the entire code block.
  • Be careful not to delete or move the HTML tags themselves — only change the words between them, or your page layout may break.
  • After you save your changes in Toyhouse, refresh your browser to see the new text appear on your live profile.

Finding the text you want to change in your code

Open the code editor where your text lives. In Toyhouse, this is usually the "About" tab, a custom profile section, or a character page's code field. Copy the entire code block and paste it into a text editor (Notepad, VS Code, or even a browser console) if the Toyhouse editor is small or hard to read.

Use Find (Ctrl+F on Windows, Cmd+F on Mac) and search for the exact word or phrase you want to change. This is much faster than reading through hundreds of lines. The browser will highlight every instance of that text. If the word appears multiple times and you only want to change one, look at the surrounding code to make sure you're editing the right one.

Understanding HTML tags and where text sits

In HTML, text lives between an opening tag and a closing tag. An opening tag looks like <p> and a closing tag looks like </p>. The text between them is what displays. For example:

<p>Welcome to my profile</p>

To change "Welcome to my profile" to "Hello, welcome here", you only edit the words between the tags. You leave the <p> and </p> exactly as they are. If you accidentally delete a tag or move it, the page layout breaks.

Common tags that hold text include <p> (paragraph), <h1> through <h6> (headings), <span> (inline text), <a> (links), and <li> (list items). The rule is always the same: change only what's between the opening and closing tags.

Editing text without breaking your layout

After you find the text, select it and type the replacement. Keep these rules in mind: do not delete the opening tag (like <p>) or the closing tag (like </p>). Do not add or remove line breaks inside the tags unless you're sure they won't affect spacing. Do not change any attributes inside the opening tag — attributes are things like class="name" or style="color: red;" that control how the text looks.

If your text includes special characters like quotation marks, ampersands, or angle brackets, you may need to use HTML entities instead. For example, use &quot; for a quotation mark and &amp; for an ampersand. Toyhouse usually handles this automatically, but if your text doesn't display correctly after saving, this is often the reason.

Changing text in links and buttons

Links and buttons use the <a> tag. The text between the opening and closing tags is what the visitor sees and clicks on. For example:

<a href="https://example.com">Click here</a>

To change the link text from "Click here" to "Visit my website", edit only "Click here". Do not change the href="https://example.com" part unless you also want to change where the link goes. The href is the address; the text between the tags is the label.

Saving and testing your changes

After you finish editing, save your code in Toyhouse. Most code editors have a Save button or an auto-save feature. Once saved, go to your profile or character page in a new browser tab and refresh it (F5 or Cmd+R). The new text should appear immediately.

If the text doesn't show up or the page looks broken, go back to the code editor and check for missing tags or typos. A common mistake is accidentally deleting a closing tag while editing. Use Find to search for the opening tag and make sure a matching closing tag is still there.

Frequently Asked Questions

What if I can't find the text I'm looking for in the code?

The text might be in a different section than you expect. Check all the code fields on that page — some profiles have code in multiple places like the header, sidebar, and main content area. If you're looking for text that appears on multiple pages, search each page's code separately.

Can I change text inside CSS code?

CSS controls styling, not content. If text is generated by CSS (like using the content: property), you can edit it the same way — find the text between the quotes and change it. But most text on your profile lives in HTML, not CSS.

Why does my text look different after I save it?

CSS styling (color, font size, bold, italic) is separate from the text itself. If you only changed the words, the styling stays the same. If the text looks wrong, check that you didn't accidentally delete any HTML tags or CSS classes while editing.

Can I use line breaks or special formatting in the new text?

Line breaks inside HTML tags usually don't show up on the page — HTML ignores extra spaces and line breaks. To create a visible line break, use <br> in the text, or wrap text in separate tags like <p>. For bold or italic, use <strong> or <em> tags around the words.

Do I need to refresh my browser every time I make a change?

Yes. Toyhouse saves your code on its server, but your browser shows a cached (stored) version of the page. Refreshing forces your browser to download the latest version from Toyhouse's server, so you see the updated text.