Forums / Templates, Stylesheets, Page Layout / I want my website of full screen width

I want my website of full screen width

Locked

Views: 6,315

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
25 Jul 2008, 6:24 PM
#1
jighead avatar

jighead

New Zenner

Join Date:
Jul 2008
Posts:
6
Plugin Contributions:
0

I want my website of full screen width

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

25 Jul 2008, 6:56 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: I want my website of full screen width

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%.

25 Jul 2008, 6:57 PM
#3
pelasgos avatar

pelasgos

New Zenner

Join Date:
Dec 2006
Location:
Athens - Greece
Posts:
71
Plugin Contributions:
0

Re: I want my website of full screen width

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

25 Jul 2008, 9:56 PM
#4
jighead avatar

jighead

New Zenner

Join Date:
Jul 2008
Posts:
6
Plugin Contributions:
0

Re: I want my website of full screen width

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

  1. (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

25 Jul 2008, 10:01 PM
#5
jighead avatar

jighead

New Zenner

Join Date:
Jul 2008
Posts:
6
Plugin Contributions:
0

Re: I want my website of full screen width

It works.

Thank you again!

:clap:

26 Jul 2008, 12:35 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: I want my website of full screen width

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/index.php?article=142

then study this:

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

27 Jul 2008, 5:09 AM
#7
jighead avatar

jighead

New Zenner

Join Date:
Jul 2008
Posts:
6
Plugin Contributions:
0

Re: I want my website of full screen width

thank you!

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

It is awesome to be a new zenner.