Theme PHP
 

I have attached the file I'm trying to edit. (to my knowledge its ok to edit the Main theme files...) Anyway, I understand most of it, mainly because its explained very well. However I would like to change the title bar thing, and Its a bit confusing. I'd also like to change the grey area on the right and left sides. http://simpleadopts.x10.mx/index This is my website for reference. All i'm trying to do it find out how to add the picture I made, as a background for the website.

-thanks.

I actually made a Read Me file for that theme. ;3

To add in a background image, you'll want the following CSS:
Replace the Xs with your color code, and the url with the image url. ;3
Hope that helps!

Also, you should know that the default .css file mentioned in the Main Theme's Template file is style-city.css I believe. So, you probably won't get anywhere unless you either edit that file or you make the template file refer to style.css instead.

thank you! this helps a lot.

EDIT: what about the grey areas on the sides of the website? would that be in the theme as well?

Anything having to do with visual data at all should be in the css files.

I was looking in the css and found pagination. After looking at the codes, I saw #222 and it appears to be the same color the background uses. But when I change it and upload the file, it doesn't seem to change.thank you for helping find the correct location of files.

When in doubt about style operations, I find it extremely useful to visit my site's home page and right-click -> View Element. If you hover over all the elements of the page it tells you exactly which part of the CSS needs to be edited to change this part. This will allow you to see if you're editing the wrong portion or being tricked by an image.

In your case it may be wrapper.

If you'd like, you can post a link to the site and I'll identify it for you.

http://simpleadopts.x10.mx/ I think it might be the wrapper as well.

Looks like you fixed it. Post again if you need any help. I'll do my best.

I edited the body, and it displayed. But I made the image really big, 1577px x 799px I think. And it still shows up really small. I would like to get the image to fit the screen.. But It just won't go. I tried using some position code as well, but it still remained the same size, for it didn't edit the size, just where it was located.