Size of Store Front

Road Rider · Post by **Road Rider** » Thu Feb 07, 2008 10:41 am

I feel like this topic has already been covered but I cannot find any threads on it.

How do I change the size of the entire store. It is currently set to fill 100% of browser, how do I say specify a width of 900px?

AbleMods · Post by **AbleMods** » Thu Feb 07, 2008 11:34 am

Doug,

It's in the style.css file for the theme you are using. I'm not a CSS expert, so I don't know the exact CSS tags to modify but the file is labelled fairly well.

Others here are far better at it than I am, hopefully they can shed more light on it for you.

compunerdy · Post by **compunerdy** » Thu Feb 07, 2008 4:13 pm

Add width:900px; to the body css like this.

Code: Select all

body
{
	text-decoration:none;
      width:900px;
	padding:0px;
	margin:0px;
	background: #484848 url(images/body_bg.gif);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

Road Rider · Post by **Road Rider** » Thu Feb 07, 2008 5:32 pm

Thanks Nerdy. Any idea on how to then center it in the browser or the screen?

compunerdy · Post by **compunerdy** » Thu Feb 07, 2008 11:49 pm

Code: Select all

body 
{ 
   text-decoration:none; 
width:900px; 
margin: 0 auto;
   padding:0px;  
   background: #484848 url(images/body_bg.gif); 
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 12px; 
}

Road Rider · Post by **Road Rider** » Fri Feb 08, 2008 12:07 am

Again, thanks for that. I have applied that but no center???

Hmmm!

Road Rider · Post by **Road Rider** » Fri Feb 08, 2008 7:29 am

Who is it that says if you put 3 monkeys in a room in front of type writers sooner or later they will type Shakespeare?

Well I must be one of the monkey's, put me in front of a computer and let me click around and sooner or later I get what I am looking for.

Got it centered and at 900px. Thanks all.

compunerdy · Post by **compunerdy** » Fri Feb 08, 2008 8:47 am

Well it must have worked since thats the code you are currently using

You might want to check how it looks in IE and Firefox. Your left sidebar rezises in IE when opening long parts of the menu which looks funky.

Road Rider · Post by **Road Rider** » Fri Feb 08, 2008 10:17 am

Hey thanks for that nerdy.

I checked it in IE and it looks good. One weird thing is that I loose my margins that I set up for the left bar and the right bar.

In Firefox the 5px margin is visible but in IE no 5px margin. Weird.... Is this a reality of IE (and dealing with a product from Mr. Softy (Billy Boy)) or is there a fix?

compunerdy · Post by **compunerdy** » Fri Feb 08, 2008 10:19 am

Getting the site to look the same in both firefox and IE seems to be a never ending nightmare.

Road Rider · Post by **Road Rider** » Fri Feb 08, 2008 11:00 am

Then I am close so I quite.

Thank to all how helped me this. If I see ya I will buy ya a beer.

JimCrisp · Post by **JimCrisp** » Sun Feb 10, 2008 8:24 am

One thing I discovered a little late too was that I was/am developing with screen resolution of 1280 x 800 and started to get feedback from people that the page was all goofy looking. Of course they didn't tell me that they have 1024x768 resolutions and I was really scratching my head until someone enlightened me. So now I'm regrouping but its tough to resize all the images etc to get it to where it should be.
Anyway, a friend gave me this link that will show your site in a selected res. without having to reset your monitor.

http://www.screen-resolution.com

AbleMods · Post by **AbleMods** » Sun Feb 10, 2008 10:58 am

Compunerdy = CSS God

Road Rider · Post by **Road Rider** » Sun Feb 10, 2008 6:24 pm

I will also pay homage.