Tutorial: How to change the colors of your layout! :D

AnnouncerSeaSiren
Created

Hey guys!  So, some of you have been struggling with layouts and how to change the colors and such.  I know it can be confusing, so I'm here to help you out! Don't worry, it's not as hard as you think! Just follow these simple steps!

[But first, you gotta have a layout! If you don't know how to get one, come see me! I'll get you set up with one!]

~~~

HOW TO CHANGE THE COLORS IN YOUR LAYOUT:

1.  Once you're in edit mode on your character page, go to the section where your layout is and click on 'Source' in the top left corner!  This should change everything to the html code.

2. Hit ctrl + f on your keyboard.  This lets you find any specific word you're looking for on your page.  In this case, type in 'background-color'. This will highlight all the instances in the coding of when a visible color is used.

3. Next to each 'background-color' in the code, you will see a number with a hashtag.  For example, #99e6b3.  This is telling the code that you want that specific color in that spot.  Every color shade has a code number!

4. If you want to change the color for that spot, you simply have to change the code number! Get the code number for the color you want, and just replace the old code with the new one. It's as simple as that!

 For reference, these are the color codes! Just find a shade you like, and copy its number!

5. In order to check to see if it changed the area you want, just click 'Source' again to see the change in your layout! If you made a mistake or don't like the new color, just hit the back arrow to erase that step!

That's it! If you're still stuck, please come get me, and I'll help! Have fun!

Much love!
-Admin Hwaberry 🍓

Comments

You must be logged in to comment.

proudshikshin1 11 months ago
Jamie has read this
Keikeu 11 months ago
jieun has read this
Log in to view all comments and replies