Hi, it's my first time tampering with css... and I've been trying a few things, but they don't work:-( How do you change the background color of the userprofile? If been typing body { background-color: ; }

And how do you change the size of the image of your pets? I'm been trying with this code from the beginner's guide * .avatar_head {background: url('imageUrlHere') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;}

I wanted to change the size to 140 by 140, but the same thing happens:-( Help is very much appreciated, thank you!

The code is all right, I didn't code an user profile from scratch in forever but it looks like you'll want to do body {background-color: ;} html {background-color: transparent;}

and img {width: 140px !important; height: 140px !important;}

Waa! Thank you so much! Codes are extremely confusing:-( Hope I get the hang of them. Last question. How did you know that img is the one to change? I was using the inspect element in google, but it didn't show this part. Thank you!

Haha, I promise coding is very logical, if you take the time to learn what is happening. (On the other hand, learning how to work around Subeta itself may require some serious thinking.) How is your HTML/CSS? If you really want to know how to do it have you read this thread yet/looked at some free to use codes? c:

As for how I knew

(right click for full size)

I just had a good look at the structure and, again, I don't know how is your CSS but img {blahblah;} is a way of telling the browser 'select all img type elements that belong to an element whose id is content_pets and do ___ with them' :)

This was my first attempt ever>.< Haha, For HTML, I just copy codes from tutorial sites. And for css well, boom.

Oh! I thought it was the pet_2 that you had to change and that you'd do the code for every single one of your pets. And in your picture in the styles column of the inspector element, there was an element.style {width: height: } which made things more confusing! Last questions! Why is it that when I change pet_2 it doesn't change the size of that picture? Another is that, why do you have to put !important?

The link you've posted isn't working by the way. But thank you so much for your help! I'll be starting reading tutorials after my term.

Apologies, I deleted the alert x_X

Good first attempt then, haha. Well, it depends on what you want to achieve, that pet_2 code was to 1) change your profile when the pet widget is just headshots 2) give one of thepets a custom picture :) So you'd WANT to do it one by one, and it wouldn't work for you because, with full-view pets, you don't have an .avatar_head element in the first place

As for !important it's a sort of code precedence thing... By default, if you write a{color:white;} a{color:black;} the font of a will be black. But if you add !important a{color:white !important;} a{color:black;} font will be white. Here a{color:white !important;} a{color:black !important;} font will be black again.

So, uh. Usually when you add your own CSS you are overwriting Subeta's default CSS because of certain hierarchy rules the people who came up with CSS set in place. Sometimes there will be an !important in Subeta's code though and it will go first regardless, so you need to add one of your own.

, :O So that's what its for... I thought you had to place !important to every line Still confusing but it makes so much sense the way you put it:-)

Thank you so much for your help! (sorry for the late appreciation, finals week)

No problem!