Left Justify Pages

[livingstons]

Is it possible to have Zen Cart Left Justified? I have searched the forums and come up with nothing.
I want the whole page left justified.

[haredo]

L,
A link to the page so I can view please....

Yes you can left justify using #ID (declaration name) {float: left;}

[livingstons]

Site is : http://www.treyarnoncaravan.co.uk/Ze...php?main_page=

[haredo]

Is it possible to have Zen Cart Left Justified? I have searched the forums and come up with nothing.
I want the whole page left justified.

Now I see the link..

Explain in a little more detail please

[livingstons]

Right, I basically want to move the whole thing to the left, in effect removing the green bit on the left hand side.

[haredo]

Right, I basically want to move the whole thing to the left, in effect removing the green bit on the left hand side.

includes/ templates/ classic/ css/ stylesheet.css
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 70%;
vertical-align: top;
border: 1px solid #9a9a9a;
}

1. I would change the red font above to 925px
2. Then to change the green border

body {
margin: 0;
font-family: 'Eras Medium ITC', verdana, arial, helvetica, sans-serif;
font-size: 75%;
color: #000000;
background-color: #006600;
background-image: url(../images/gradient.jpg);
background-repeat: repeat;
}

1. The red font above you will change to make a color you like

IF you don't like these suggestion, I will explain how to float the whole page left justified for you...

Now you have a little homework before you make major changes...

....... Beginning Zenner "The Override Folders"

We need to step back, just a little..

1. Using the override system means you don't have to worry about over-writing your custom files when an upgrade comes along, because they are all in custom directories you will create below.
2. Click on the link below, notice the tutorial/faqs on the top right hand side
3. http://www.zen-cart.com/forum/
4. Notice the blue header bar, click Index
5. Scroll down to override system, click
6. click on the override system really simplified, https://www.zen-cart.com/tutorials/i...hp?article=143
7. you will need to use a ftp program and create these folders
8. now read this article
9. https://www.zen-cart.com/tutorials/i...hp?article=142
10. after you finish that little step, read the article below
11. https://www.zen-cart.com/tutorials/i...hp?article=230
12. So, now when you want to edit a .php file, first upload the file to your custom folder and then edit the puppy..

-----------------------------------------------------------------------------------------------------
....... Copy Files from Classic to Custom Template

Just another helpful technique, since you started building in the classic template, because when you create your custom template
1. admin panel/ tools/ layout boxes controller
2. you will go crazy when you view the screen
3. Click reset button on the bottom of the screen

[quote]Take time and follow the instructions below:

1. Use your ftp program to transfer the following files:
2. includes/ templates/ classic/ css/ stylesheet.css
3. copy and paste this file to:
4. includes/ templates/ your_custom_template/ css
5.
6. includes/ templates/ classic/ images
7. copy and paste all image files, .jpg and gifs to:
8. includes/ templates/ your_custom_template/ images
9.
10. includes/ languages/ classic
11. copy and paste all files here to:
12. includes/ languages/ your_custom_template
13. If you have none here no worries
14.
15. includes/ languages/ english/ html_includes/ classic
16. copy and paste all .php files to:
17. includes/ languages/ english/ html_includes/ your_custom_template
18.
19. I hope I have not missed one
20.

21. Since I noticed you have already made a few changes:
22. Copy any core file that you have changed now over to the custom template name you have created.....

We have now accomplished all the transferring of the classic files over to your_custom_template folder.

1. Yes, now you have Zen by the ba..s!!!!!

[livingstons]

I tried the 2 things you suggested using Firebug just to see how it looks. It's still not quite the look I want, I want it to stay the same width as it is now just starting on the left hand edge.
I will also get on with the file transfers you recommend, should keep me busy for a while!
Thanks

[haredo]

I tried the 2 things you suggested using Firebug just to see how it looks. It's still not quite the look I want, I want it to stay the same width as it is now just starting on the left hand edge.
I will also get on with the file transfers you recommend, should keep me busy for a while!
Thanks

You are most welcome, just pm me if you have troubles or ###### this this thread

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

• Add under border: 1px solid #9a9a9a;
• float:left;