Thread:MissVoltron/@comment-32247874-20190914204021/@comment-32247874-20191014232133

Anyway, sorry for the delay, but here's more! And you're welcome! I'm learning too from sitting down and writing this out. I don't have this all memorized, so it'll also be useful to me to have it down! I'll probably make a blog post or something with this eventually.

As previously stated, the code for my badge's heading text is this:

 Catherine's Badge

Which looks like this:

 Catherine's Badge

font-weight:bold is just a way of bolding text using div tags. Other ways to bold text include text (three single quotations) and text.

font-family:Coiny is the font. Fonts are an extensive topic, but I'll give some basics.

Two tags you can use are text and text.

Some of the basic font families you can use are: (Those are what appear for each of those inserted under "x".)
 * serif
 * sans-serif (I think this one is the same as regular text.)
 * cursive
 * fantasy
 * monospace

There are a variety of fonts built into the platform. A lot are listed here under "Generic font families." Those would be input the same way as the main font families.

text-shadow:0px 0px 10px #6A6A6A is the shadow behind the text, of course. The first number is the location of the shadow. For example, changing the first number to 100px would make the shadow do this:

MOVE

and 500px this:

MOVE MORE

The second number is also location; increasing it moves the text downward instead of to the right. Changing it to 10px does this:

SINK

The final number is how far out the shadow stretches, but note that the further you stretch it, the fainter the lines get.

1px: SHRINK

5px: SHRINK

10px: THE SAME

20px: STRETCH

If you want to stretch the shadow out and have it emphasized, contrasting the shadow color and background helps, as well as contrasting the text and shadow color.

That's all for now! :)