Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Center website

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 09-16-2009, 05:18 PM
 
DanS DanS is offline
 

Member
  
Join Date: Apr 2009
Posts: 10
 

Default 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/
__________________
x-cart gold vers.4.2.2
Reply With Quote
  #2  
Old 09-16-2009, 05:23 PM
 
Shamun Shamun is offline
 

X-Adept
  
Join Date: Jun 2009
Location: North Carolina
Posts: 841
 

Default Re: Center website

Find body in your css and put this in:

Code:
margin-left:auto; margin-right:auto;
__________________
- Shane Munroe
Reply With Quote

The following user thanks Shamun for this useful post:
DanS (09-23-2009)
  #3  
Old 09-16-2009, 05:46 PM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,190
 

Default 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
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote

The following user thanks cflsystems for this useful post:
DanS (09-23-2009)
  #4  
Old 09-23-2009, 09:37 AM
 
DanS DanS is offline
 

Member
  
Join Date: Apr 2009
Posts: 10
 

Default Re: Center website

Thank you. With both of your input, I got it to work.
__________________
x-cart gold vers.4.2.2
Reply With Quote
  #5  
Old 09-24-2009, 06:54 AM
 
DanS DanS is offline
 

Member
  
Join Date: Apr 2009
Posts: 10
 

Default 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!
__________________
x-cart gold vers.4.2.2
Reply With Quote
  #6  
Old 11-11-2009, 10:33 PM
  acidon's Avatar 
acidon acidon is offline
 

Senior Member
  
Join Date: Feb 2008
Posts: 139
 

Default Re: Center website

I am wondering about the same question,,
__________________
Version 4.7.6 X-cart Gold
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 06:34 AM.

   

 
X-Cart forums © 2001-2020