Page 1 of 1
Size of Store Front
Posted: Thu Feb 07, 2008 10:41 am
by Road Rider
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?
Posted: Thu Feb 07, 2008 11:34 am
by AbleMods
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.
Posted: Thu Feb 07, 2008 4:13 pm
by compunerdy
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;
}
Posted: Thu Feb 07, 2008 5:32 pm
by Road Rider
Thanks Nerdy. Any idea on how to then center it in the browser or the screen?
Posted: Thu Feb 07, 2008 11:49 pm
by compunerdy
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;
}
Posted: Fri Feb 08, 2008 12:07 am
by Road Rider
Again, thanks for that. I have applied that but no center???
Hmmm!
Posted: Fri Feb 08, 2008 7:29 am
by Road Rider
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.
Posted: Fri Feb 08, 2008 8:47 am
by compunerdy
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.
Posted: Fri Feb 08, 2008 10:17 am
by Road Rider
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?
Posted: Fri Feb 08, 2008 10:19 am
by compunerdy
Getting the site to look the same in both firefox and IE seems to be a never ending nightmare.
Posted: Fri Feb 08, 2008 11:00 am
by Road Rider
Then I am close so I quite.
Thank to all how helped me this. If I see ya I will buy ya a beer.
Posted: Sun Feb 10, 2008 8:24 am
by JimCrisp
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
Posted: Sun Feb 10, 2008 10:58 am
by AbleMods
Compunerdy = CSS God
Posted: Sun Feb 10, 2008 6:24 pm
by Road Rider
I will also pay homage.