Oh she's looking gorgeous! I love the colors and background. : D I do want to double-check - do you want the pet friend section to display like that, or would you rather have a 'clear' after the images so that the text for different pets is aligned better? The divs don't have a set height and I have a little note regarding that in my... notes for the template.... but it's easy to miss xD So just checking!

The gradient line colors can be changed, yes! More colors can be added to them like with my pet Quintessa, if you want. The part of the code that controls them is grouped together but you can separate the different gradient lines out , , .hr{background: -webkit-linear-gradient(left, transparent, , transparent)}The middle color controls the color, and you can add more if you want. (That's how I did Quintessa's.) It took me a couple minutes to get this done in a way I like, but yeah, a new gradient line can be done. It's just a little trickier because you can't add things as easily (since the gradient lines included in my profile are part of the pet description section of the profile. Because of the varying heights of pet treasure chests, it's a little less straightforward to put content between a non-scrolling treasure chest and the pet friends section, if that makes sense! It's part of why I usually make custom friends sections.) Anyway, here's the code: :before{content: ' '; position: absolute; width: 480px; background: -webkit-linear-gradient(left, transparent, , transparent); height: 1px}

.friend_div{margin-top: 25px}

The margin with the friend div is to create some space between the gradient line and the actual pet friends. This gradient line is set to red but you can change it to whatever color.

Turns out I didn't read them as thoroughly as I thought I did xD Whoops! But thank you! It does look much neater now ^^ I appreciate the tip and my bad for not even reading that :P Very helpful.

Ahh thank you! Musho's page looks perfect now! ^^

EDIT: Hmm, it seems to go weird at the bottom if there's more than one row of friends like here? Is that something I did wrong?

Yay! Looks good. :D

Oh, weird, I'm not sure why it does that. My bad, I forgot to make sure that having many pet friends would display fine - I never use the friend section so I just tested it with two really quick. Just add {overflow-x: hidden} and it'll get rid of the horizontal scrollbar at the bottom!

I'm not sure if you were planning to write blurbs but as a heads' up, if you have too much text written in the blurb, it displays kind of weird and I'm not sure how to fix it without adjusting both the height and width of the friend_div class - it seems like changes won't stick to height/width unless you change both.

Hey Lea =) I have a question.

Hey! The text being centered is an easy fix -- right after the div tag that you write all the content in, there's a center tag. So just remove where it says

For the HA, what you can do is go to where you have the image, and make it like so: HAs are always 250px tall and 125px wide, so that works for any HA!

I also recommend adding

I hope that helps! Let me know if you have any questions.

thank you so much Lea <3 =)

Thank you! :3 I'll play around with things. Um, because I'm still a coding newbie, where do I plonk that bit of code?

Good luck messing with things! c: You can put it pretty much anywhere in the CSS! You can add it at the very bottom if you want, so that it's more out of the way, just as long as it's before the closing style tag.

Thank you muchly! :3

Hey! I'm really sorry about the late reply, the event got buried because I haven't been around much. D| So with adding an overlay, you can add the code pretty much wherever you want in the CSS; I usually put it underneath the background image code. So, the way I'd do it would be to go to where you have the background, and add the overlay underneath so it looks like this: body{background-repeat: repeat; background-image: url(https://cdn.oboi7.com/static/images/m/c2/64/c264ef9db18f4ea8f49f2e60e0ba0f3cd802177a.jpg)}

{background-image: url(overlayurlhere)}

Hope that helps! And thank you for the compliment about my templates ;v;

No problem ^^ His overlay looks great! Let me know if you need help with anything else, I'm happy to help~

these are amazing, thank you!

Late reply but thank you! C: I hope the profile-making goes well. Let me know if you have any questions~

That reminds me, I'm editing in another template or two. I made two others that I figured I should share. x)

I love these profiles. I've been messing around with them to get the hang of things.

Thank you so much for these!

I'm so glad you like them, that's great to hear! You're very welcome. ^^ I'm super stoked to see someone using that layout, and I love how brightly-colored you made her profile. :D Glad you were able to figure out that bit of coding! If you need any help with anything, let me know~

these premades are brilliant!! Thank you for letting us use them. :) Is there any chance you know of anywhere I can get backgrounds that I can use with these layouts that fit the entire screen? Thanks so much.

EDIT: I decided to use my own photography as backgrounds, but resizing the image causes it to become unclear, as you can see if you visit my active's lookup. Do you know if there's any way to get the background to fit the page without losing quality? I resized the image using imgur.

You're welcome! Thanks for the compliment ^^ Whenever I use a full-sized image for a background, I usually end up finding it by Googling or something lol, though I have found a few free image sites like Unsplash and one just called Freeimages. Unfortunately setting the background to resize based on screen size can result in a loss of quality if your image isn't terribly large. D| What size of image did you have to begin with? I think I have something uploaded on Imgur that's ~4600px wide and ~3400px tall, so you should be able to upload large images there.

Btw, the birbs in your signature are super cute!! ;v; I love tiels so much.