I want my website of full screen width

[jighead]

Hi everyone,

Thank you for reading my post, it is my first one in the forum. I appreicate your time

I just installed zen cart a couple days ago. I found that my webpage is not 100% width of the screen. this is my webpage, http://bizboy.org/paintings/

I viewed it on laptop, it is about 70 percent of the screen width. I viewed it on NON-lcd monitor which is 10 years old, it is again 70 percent of the screen width.

I did search this forum trying to find answer, but I have not found one.

Can anybody give me some instructions so I can solve this problem.

Thank you so much

Jason

[stevesh]

Find this in stylesheet.css:

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

and change the width to 100%.

[pelasgos]

Hi,

edit stylesheet.css in includes/templates/yourtemplate (where "yourtemplate" is your custom template folder - if there's any)

edit width and change value to 100%

#mainWrapper {
 background-color: transparent;
 text-align: left;
 width: 100%;
 vertical-align: top;
 } 

You will find more information in tutorials/Links for the customization of your cart.

George

[jighead]

Thank you, stevesh and pelasgos. I appreciate your help.

However, in my case, I just don't know which stylesheet.css to work on. There are a few here.

1. (includes\templates\template_default\css)

It is already as:

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}

So I better leave it alone

2. (includes\templates\classic\css)

It is already as:

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

Maybe I should change 750px to 100%

I will do it and see what happens

[jighead]

It works.

Thank you again!

[stevesh]

That's great, but now you're modifying the 'classic' template, and those files (and your changes) will be overwritten the next time you upgarde Zencart to a new version.

You really want to do this:

https://www.zen-cart.com/tutorials/i...hp?article=142

then study this:

https://www.zen-cart.com/tutorials/index.php?article=36

[jighead]

thank you!

I will read those 2 articles and do a better job next time

It is awesome to be a new zenner.