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)
-   -   Need main.css help (https://forum.x-cart.com/showthread.php?t=55667)

3dxhobbies 09-22-2010 10:45 PM

Need main.css help
 
ON my site http://3dxhobbies.com/, I need the left column to be wider to fit the ratepoint logo, and the center to be smaller I made the following changes but I don't think I'm going the right thing-

LAYOUT
******/
#wraper{width:100%;margin:0 auto;background:#fff;position:relative;text-align:center;}
#header{text-align:left;float:left;width:100%;padding:0;margin: 0 0 10px 0;position:relative;}
#col-mask{text-align:left;clear:both;margin:0 auto;width:99%;/* width of whole page */ background:#fff;/* Left column background colour */ position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ overflow:hidden;/* This chops off any overhanging divs */}
#col-mid{float:left;width:200%;background:#fff;/* Center column background colour */ position:relative;left:190px;}
#col-right{float:left;width:100%;margin-left:-380px;background:#fff;/* Right column background colour */ position:relative;left:50%;}
#colcenter-wrap{float:right;width:49%;position:relative;right :100%;}
#colcenter-pad{margin:0 15px 15px 395px;overflow:hidden;}
#colcenter-column{width:100%;overflow:hidden;}
#left-column{float:left;width:219px;margin-left:-50%;position:relative;left:190px;}
#right-column{float:left;width:190px;position:relative;le ft:0;}
#footer{text-align:left;padding:0;margin:0;float:left;width:100 %;position:relative;color: #efefef;}
#footer .box{padding:5px;background: #2A79E2; color: #efefef;text-align:right;position:relative;}
#footer .box .right{color:#efefef;}
#footer .uo-box{background:#fff;position:relative;}

Can someone help?

pauldodman 09-22-2010 10:53 PM

Re: Need main.css help
 
Please note that this link is not an answer to your question, but we need you to update your signature with your X-Cart version (as per forum rules) so that we can answer your questions correctly. Thanks!

3dxhobbies 09-23-2010 05:56 AM

Re: Need main.css help
 
I have NO idea what your talking about please clarify.

balinor 09-23-2010 06:06 AM

Re: Need main.css help
 
http://forum.x-cart.com/showthread.php?t=23970

Sisom 09-23-2010 12:33 PM

Re: Need main.css help
 
Hi 3dx, I would recommend that you use Firefox to view your site, and install the addon called 'Firebug', which allows you to see which CSS styles are applied to each element.

Try changing these values:

#left-column {width: 242px;}
#colcenter-wrap {width: 48%;}

If you use Firebug it will take you about a tenth of the time it used to, to find which CSS styles you need to change.

3dxhobbies 09-26-2010 08:13 PM

Re: Need main.css help
 
Thank you!


All times are GMT -8. The time now is 08:56 PM.

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