X-Cart forums

[3dxhobbies]

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]

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]

I have NO idea what your talking about please clarify.

[balinor]

http://forum.x-cart.com/showthread.php?t=23970

[Sisom]

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]

Thank you!