Character Name or Title
SUBTITLE // TROPE // SOMETHING
Some kind of quote, phrase, saying etc.
You have more of these if you want to feature multiple characters on the same page. If you want to change the main header/title font to something else, follow this tutorial or you can use a google font!
So if you want a box where the image(s) are on the left hand side and text on the right, the use or copy and paste this box where you want it.
Image Information—
So you can configure your images in a lot of different ways depending on how much work that you want to put into your page. I highly suggest that the total width of your images equal about 300px, but if the total width exceeds that because of padding between the images, that won't break your page. The images can be any height, but the taller your images, you're going to want more text to balance out the negative space.
So if you wanna have your text on the left and your image(s) on the right, then this is the box for you! Just delete this text and copy and paste the code where you want it.
Image Information—
If you want to stack your images like the ones here, then I would make your ![]()
tag look like this < img src="image url" style="margin-top: 3px;"> just delete the space between the < and img. You don't have to do this when you have images next to each other because it happens automatically, and two pixels seems to be how much space is between the images when they're lined up next to each other. You don't need to add margin-top for the top image, just each image under it.
If you want a box for text, this is the one for you. You can add text styling in these boxes like,
bold,
italic,
strike etc. Other kinds of styling works too!
Center Text!
- and bullet points!
- those work to!
Header Box Style
If you want to have multiple boxes under a heading, use this! Great for relationships, extended bio sections and more! Just delete this text.
additional image layout styles
Just to make things easier on you, here are some image layouts that I think look really cool. Feel free to copy and paste them as you like.
Final Notes—
Because of the way the boxes are styled, the very bottom one will be anchored to the bottom, so if you don't want it to do that, either style your last box where the box div also has "margin-bottom: # of pixels;" next to overflow: hidden; or just have this box as your last one. As always, if you have any questions, please feel free to send me a message!