Theme PHP

[superdude44]

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.

 

[Tequila]

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

To add in a background image, you'll want the following CSS:

background:#XXXXXX url(url for image here);

Replace the Xs with your color code, and the url with the image url. ;3
Hope that helps!

 

[rtergszaved]

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.

 

[superdude44]

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?

 

[rtergszaved]

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

 

[superdude44]

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.

 

[rtergszaved]

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.

 

[superdude44]

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

 

[rtergszaved]

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

 

[superdude44]

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.

 

[rtergszaved]

It's most likely because you have the wrappers and the footers, they override the image to fit to the dimensions of the CSS.

 

[superdude44]

I changed the body, and it allows the image to be shown. Its just a border around the main white box in the middle. So, when I went to mess with the width in the wrapper, it now stretched it really long, the whole page. So, perhaps its something with the footer? or perhaps the footer and the wrapper, still?

 

[rtergszaved]

That or it may be trying to fill in the header or part of the container. You have to be careful which section you edit.

 

[superdude44]

yeah. I played around with the layout when I owned a myadopts website. This seems similar, but It just isn't working. lol. Could I post what I have as an attachment?

 

[rtergszaved]

Sure, but I'm not too experienced with any type of coding. I'm trying the best I can to help, but before getting Clessidra's website up and running, http://aristocracyalive.x10.mx , I had absolutely no prior HTML/CSS/PHP coding experience. So, everything I've been trying to help you with is based off of my own experiences.

 

[superdude44]

lol, thanks for helping though. This is overwhelming, and sometimes simple mistakes are caught if others help. I'm very new to coding too. The only code I know a little is css, and apparently that is hard too.

 

[rtergszaved]

Try adding this to your body in CSS;

background-size: 100%;


If that doesn't work, add this to the top of your HTML in the body,

<div style='position:absolute;z-index:0;left:0;top:0;width:100%;height:100%'>
<img src='http://i297.photobucket.com/albums/mm215/superdude44/background-1_zps837ef0a5.png' style='width:100%;height:100%' alt='[]' />
</div>


Lemme know how it goes.

 

[superdude44]

thank you so much! the first one worked.

 

[rtergszaved]

Not a problem! I try to help when I can, but it gets a little tough since I'm a beginner. I do what I can!