feeling like an idiot - multiple issues

[evilbrand]

Here's my shop: http://evilbrandclothes.com/shop-temp/

I'm going to be moving it to a permanent folder once it's completed, but right now I don't really have high hopes of that happening.

As you can see, I was able to get the flash file to be centered up top with the background image showing on both sides, this is how it should be. The body, however, insists on being stuck on the left. I've changed everything I can think of and it is still over on the left.

Also, the background image is being repeated inside the bar with the search function. I have no clue why it is doing this and, again, I've looked everywhere and there is only one place where bg.jpg is being called for.

I actually don't want the left/right columns to be displayed AT ALL but I can't figure out how to do this. I've deleted all of their contents but I just can't figure out how to get them to not be there at all. I want the content to spread out over an area exactly the size of the top banner (647 pixels), with its own background image (body.jpg).

I ordered the manual and THEN saw that it took 12-36 hours to arrive which is something I was not aware of before. I have to have this thing done on Monday.

Any help would be greatly appreciated. I have a feeling these are all very basic problems, I just have ZERO experience with php/css. (yes, I've read the wiki's... )

[evilbrand]

The problem just got worse.

I just tried pulling the page up in IE and it's centered there. It never centered in Firefox so now I have no idea which thing that I changed in my frenzy actually worked and I have no idea why it didn't do so on Firefox.

However, the content section is still too wide. The only parameters I could find to set the width are all set to the same width as the top banner.

Also, I attempted to create a test customer account but my email address received no email (not in spam, either) although the customer DID show up in the admin section.

Any help on any of this would be awesome.

[TShooters]

You can turn off the right and left columns by going to Admin/Configuration/Layout Settings and set Column Left Status and Column Right Status to 0.

[evilbrand]

Thank you TS. Any idea how I can get all the content centered? I want to emulate the main page of the site as closely as possible.

[Kim]

Try changing the width of the mainWrapper to 750px instead of 100%

[evilbrand]

Thank you, Kim!

I've got everything centered now (I changed every width parameter to 647px and put margin-left/right: auto; everywhere I could think of) but it looks like I'm having 2 issues.

The entire background has disappeared. I have no idea how difficult this is going to be to fix. I changed every width parameter I could find the 647px (the same width as the top flash banner) and I don't know which one in the css file to change to get the background back without slamming the main content back over to the left.

Also, in the menu navigation bars just above the main content the bg.jpg background image is showing through and it isn't noted anywhere in any of those sections.

3 issues I guess. In IE it appears to be searching for an image right below the "Home" link. I have no idea why it's doing this.

Thank you both for your help with this. I thought setting up this store was going to be easy since it's a pre-built but I guess not, lol.

[evilbrand]

Bumping.

I know I've looked at other stores and just about everyone has theirs setup exactly how I would like to have mine setup so I know it isn't anything out of the ordinary. I just need my content to be in a column that is 647 pixels wide and centered with a background image that shows on either side.

Thanks again to those who have helped so far.

[gjh42]

You have the body background in #mainWrapper, and no background in the body {} declaration. Assuming the body.jpg image is what you want on each side of your page, move
background: url(../images/body.jpg);
up to the body declaration.

[evilbrand]

Thank you, gjh. The only immediate issue I'm still seeing is that the bg.jpg image is being called in the middle of the page still (back behind Home - Login - Search, and behind the categories).

Where can I change that to just black as well as get rid of the huge amount of space that's being wasted in there?

[gjh42]

You can give #mainWrapper or any other element a
background-color: #000000;
to cover up the body background. (#000000 = black.)