I have question for the stat bar colors. How can I make it so that I can make each stat have a different color? Sry am nub.

This is the gorgeous, minimalist pet layout I have been looking for. Thank you so much for sharing the code! <3

Hi so I really like this theme, it has a very nice feel to it and seems to be pretty easy to work with, but there's a couple things I'd like to do with it to individualize it a bit more from pet to pet:

1. How would I go about changing the colors of All The Things, if it's possible?
2. How does one add a floating image off to the side? 3, 'cause I forgot it: How do I make it so the profile content isn't in all lowercase?

Sorry if I'm asking for a lot, I'm kind of a noob at CSS and am still figuring out what goes where and what switch does what, yaknow.

hi! i'm glad you like it ;v; no problem! sorry i took a while, i'm not very good at explaining and i'm not sure how much you already know, but i'll do what i can:

1. what are some things you would like to change? if it's font color, you can use the color: property, replacing the hex value () with the color you'd like. and if it's background, then you can use background-color: and change that value. that's basically half of the battle--the other half is finding out the names of the elements you want to change (called a selector)!

to change background color of the page, for example, it's {background: ;}.

example: {background: ;} selector: this is basically the THING you want to change that's visible on the page. it can be a block of text, a box, etc. i think most people who aren't familiar yet have trouble w/ this one, since there's really no all-in-one, definite resource to find out what the names are. do you know how to inspect the code on a page (ctrl+shift+i on chrome)? i can go a little more in-depth if you need. property: this modifies the selector and is the one to change the appearances visually! it makes boxes blue, font sizes appear bigger or smaller or bolder, etc. it's basically the adjective, and the selector is a noun. if that makes sense :l

2. aaa there's a few ways to go about this but here's one of them: :before { content: ' '; background: url(https://i.imgur.com/pb7sg01.png) no-repeat 50% 100%; background-size: contain; position: fixed; width: 15%; height: 60%; right: 0; bottom: 0; }

this places your image on the bottom right and scales down as the height of the page decreases. change right to left if you want to move it to the left side, and bottom to top, if you want it to cling to the top instead of bottom of the page.

3. you can add text-transform: none; into * { ... } to remove the lowercase!

This is so good of you, Im a css complete novice, I love your pet profile, but I was wondering if I could put a picture in as the background instead of plain? would i put the url of the picture in here?
background: url(https://i.imgur.com/pb7sg01.png) no-repeat 50% 100%;
or does a picture need different code? Im sorry if this is much harder than im hoping lol.

aw thank you! and sure thing!! your code would look like this: <style>/* noemi @ subeta */ url('https://dl.dropboxusercontent.com/s/zifzchfwjalalyt/sbt-basicpet.css'); {margin: 0;} {background: url(https://imgur.com/Ke7ZthR.jpg) no-repeat center center fixed; background-size: cover;} </style>

-- i've copied over the background in Eccles' code so you don't have to replace anything, but yes, if you wanted to change the background, you would replace the bolded part there: background: url(https://imgur.com/Ke7ZthR.jpg)

by the way--if you don't want your background to stretch, you can simply remove that last bit of code that says background-size: cover;!

thank you very much, you helped a lot! i mostly knew what i needed to do, i just didn't know how to word the code. i'll tinker with it and see what i can figure out.

You are the best! thank you so very much, this is wonderful, Im trying to learn stuff about it all lol, but my old brain is letting it leak out the back I think 😁
I learnt today that my browser size is 1376 x 682 px so any picture I use has to be at least that size, or it distorts. anyway thank you once again, I will use this on more pets but with different bg if that is ok with you.
Aw you've no wishlist? and I tried to send you a gift, but cant, you sneaky girly lol. then a million thanks instead.

i'm glad to be of help! no problem! actually i'm glad for these questions because i'm finding out some mistakes that would otherwise go unnoticed! between the style tags, please delete the and lines and replace it with this code instead--it's a much better way to go about it since there was an issue of it cutting off on a larger screen. body {background: url(https://imgur.com/Ke7ZthR.jpg) no-repeat center center fixed !important; background-size: cover !important;} {margin: 0!important;} {background: transparent;}

(and of course you are free to change the backgrounds or anything as you wish!)

no worries about gifting, but it was very sweet of you to think about doing so! thank you :)

I really like the profile for Nicolais and i'd like to use that one on Lavinio's profile. Which of the codes is it, from the 1st post? and do i have to sign up on pastebin to have access to the code? [i'm sorry i don't know how that site it works and the code i see there is just TOO short to be complete u.u]

whatever else i need or want done, i'm pretty sure i can figure out on my own though.

hi! the one i have for nic is a little larger so i'll share his. you don't have to copy anything from the main post this way.

<style type="text/css"> url('https://dl.dropboxusercontent.com/s/zifzchfwjalalyt/sbt-basicpet.css');

ooh, thank you so much, you're an angel! <3

- oh I really love the simplicity of your profiles, they are gorgeous! :D

I'm not very good with coding, so I wondered if you could explain in more detail about removing the lower case text? I can't see to figure out how to do it!

And also, I would like to remove the pet friends section, how would I do that please?

Thank you very much!!

EDIT: I'd also like to remove the 'adopted' date, is that possible too? Sorry to be a pain xD