X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Center website (https://forum.x-cart.com/showthread.php?t=49726)

DanS 09-16-2009 05:18 PM

Center website
 
I have a simple problem.

I've set the maximum width of my website to 780px but it's all aligned to the left of the browser window. I want to center it but I can't find where to put the align="center" code.

Also, I'd like to move the search bar down about 20 pixels to make room for my header graphic because it's covering it up. How do I do that?

If anyone has a solution, I'd love to hear it!

http://www.greensmoothie.com/shop/

Shamun 09-16-2009 05:23 PM

Re: Center website
 
Find body in your css and put this in:

Code:

margin-left:auto;
margin-right:auto;


cflsystems 09-16-2009 05:46 PM

Re: Center website
 
In skin1/main.css find body style and change its margin from 0 to "0 auto". To move search bar look at the styles for header, line1, line2 and change their height. It's all css in 4.2. Also your site is not ready and you have default xcart text - like the one on the front page - close the shop until you make all changes. You don't want SE to index that this is demo store. And you should put your store in root not in /shop for better SEO

DanS 09-23-2009 09:37 AM

Re: Center website
 
Thank you. With both of your input, I got it to work.

DanS 09-24-2009 06:54 AM

Re: Center website
 
I've got the website centered. Thank you!
I switched skins to the Vividdreams-aquamarine. I'll replace all the current graphics with my own.

Now I have what's probably another simple problem, but after playing with it for hours, trying different CSS position codes etc. I haven't figured out the solution.

When I centered the whole website, the blue line on the right that borders the website is coded to the background and aligned to the right. I'm trying to figure out how to line it up correctly and make it stay put even if the web browser is resized, etc.

http://i212.photobucket.com/albums/cc54/bryceehaha/screen1.jpg

This is incorrect.


http://i212.photobucket.com/albums/cc54/bryceehaha/screen2-1.jpg

This is how I want it to look, but I only achieved this by resizing the browser until it lined up just right.

How do I get the line to stay in the right spot, regardless of browser size?

Thank you in advance!

acidon 11-11-2009 10:33 PM

Re: Center website
 
I am wondering about the same question,,


All times are GMT -8. The time now is 09:44 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.