Сообщений в теме: 8

[skipperok13]

Добрый день !
Помогите пожалуйста:
1. Поменять цвет корзины на #A5916D
2. поднять каталог и все блок "вы смотрели" выше под корзину, и поменять цвет названий категорий товара на #A5916D
3.  Тут сделать по 3 категории в строку
заранее спасибо

Прикрепленные изображения

• 

[empty9228]

Здравствуйте!
Цвет корзины мы не сможем вам поменять, загружать на Ваш сайт мы ничего не можем.

В редакторе шаблонов в файле bootstrap-responsive.min.css найдите

.menu_main li a {
   display: block\9;
}

замените на

[font=Consolas, 'Lucida Console', monospace][size=3]
.menu_main li a {[/size][/font][font=Consolas, 'Lucida Console', monospace][size=3]
   display: block\9;[/size][/font][font=Consolas, 'Lucida Console', monospace][size=3]
   color: rgb(165, 145, 110)!important;[/size][/font][font=Consolas, 'Lucida Console', monospace][size=3]
}[/size][/font]

там же найдите код

@media (min-width:768px){
.menu_main {
padding-top:10px;
}

значение  padding-top поставить 0

В файле HTML найдите

<!-- Каталог товаров -->
<div class="menu_main" style="margin-top: -50px;">

поменяйте на

<!-- Каталог товаров -->
			 <div class="menu_main" style="margin-top: -50px;">

[skipperok13]

Не могу найти код который Вы написали
Вот мой файл bootstrap-responsive.min.css:

/*!
* Bootstrap Responsive v2.1.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.or...ses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.hidden{display:none;visibility:hidden}
.visible-phone{display:none!important}
.visible-tablet{display:none!important}
.hidden-desktop{display:none!important}
.visible-desktop{display:inherit!important}
@media(min-width:768px) and (max-width:979px){
   .hidden-desktop{display:inherit!important}
   .visible-desktop{display:none!important}
   .visible-tablet{display:inherit!important}
   .hidden-tablet{display:none!important}}
@media(max-width:767px){
  .hidden-desktop{display:inherit!important}
  .visible-desktop{display:none!important}
  .visible-phone{display:inherit!important}
  .hidden-phone{display:none!important}}
@media(min-width:1170px){
  #main {/*background: #fff;*/}
  .row{/*margin-left:-30px;*/*zoom:1; }
  .row:before,.row:after{display:table;line-height:0;content:""}
  .row:after{clear:both}[class*="span"]{float:left;min-height:1px;}
  .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}
  .span12{width:1170px}
  .span11{width:1070px}
  .span10{width:970px}
  .span9{width:870px}
  .span8{width:870px;}
  .span7{width:800px;text-align: left;}
  .span6{width:500px}
  .span5{width:290px}
  .span4{width:300px; }
  .span3{width:205px;}
  .span2{width:170px}
  .span1{width:120px}
  .offset12{margin-left:1230px}
  .offset11{margin-left:1130px}
  .offset10{margin-left:1030px}
  .offset9{margin-left:930px}
  .offset8{margin-left:830px}
  .offset7{margin-left:730px}
  .offset6{margin-left:630px}
  .offset5{margin-left:530px}
  .offset4{margin-left:430px}
  .offset3{margin-left:330px}
  .offset2{margin-left:230px}
  .offset1{margin-left:130px}
  .row-fluid{width:100%;*zoom:1}
  .row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}
  .row-fluid:after{clear:both}
  .row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  .row-fluid [class*="span"]:first-child{}
  .row-fluid .span12{width:100%;*width:99.94680851063829%}
  .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}
  .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}
  .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}
  .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}
  .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}
  .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}
  .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}
  .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}
  .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}
  .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}
  .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}
  .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}
  .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}
  .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}
  .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}
  .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}
  .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}
  .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}
  .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}
  .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}
  .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}
  .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}
  .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}
  .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}
  .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}
  .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}
  .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}
  .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}
  .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}
  .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}
  .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}
  .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}
  .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}
  .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}
  .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}
  input,textarea,.uneditable-input{margin-left:0}
  .controls-row [class*="span"]+[class*="span"]{margin-left:30px}
  input.span12,textarea.span12,.uneditable-input.span12{width:1156px}
  input.span11,textarea.span11,.uneditable-input.span11{width:1056px}
  input.span10,textarea.span10,.uneditable-input.span10{width:956px}
  input.span9,textarea.span9,.uneditable-input.span9{width:856px}
  input.span8,textarea.span8,.uneditable-input.span8{width:756px}
  input.span7,textarea.span7,.uneditable-input.span7{width:656px}
  input.span6,textarea.span6,.uneditable-input.span6{width:556px}
  input.span5,textarea.span5,.uneditable-input.span5{width:456px}
  input.span4,textarea.span4,.uneditable-input.span4{width:356px}
  input.span3,textarea.span3,.uneditable-input.span3{width:256px}
  input.span2,textarea.span2,.uneditable-input.span2{width:156px}
  input.span1,textarea.span1,.uneditable-input.span1{width:56px}
  .thumbnails{margin-left: 0px}
  .thumbnails>li{margin-left: 0px}
  .row-fluid .thumbnails{margin-left:0}}

@media(min-width:768px) and (max-width:979px){
    body{margin-left:10px}
    #main {background: url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 30% 0;}
    .row{margin-left:0px;*zoom:1}
    .row:before,.row:after{display:table;line-height:0;content:""}
    .row:after{clear:both}
    [class*="span"]{float:left;min-height:1px;margin-left:0px;}
    .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:100%;}
    .span12{width:724px}
    .span11{width:662px}
    .span10{width:600px}
    .span9{width:538px}
    .span8{width:65%; margin-left:1%;}
    .span7{width:414px}
    .span6{width:352px}
    .span5{width:290px}
    .span4{width:228px;}
    .span44{width:228px;padding-top: 10px}
    .span3{width:20%}
    .span2{width:104px}
    .span1{width:42px}
    .offset12{margin-left:764px}
    .offset11{margin-left:702px}
    .offset10{margin-left:640px}
    .offset9{margin-left:578px}
    .offset8{margin-left:516px}
    .offset7{margin-left:454px}
    .offset6{margin-left:392px}
    .offset5{margin-left:330px}
    .offset4{margin-left:268px}
    .offset3{margin-left:206px}
    .offset2{margin-left:144px}
    .offset1{margin-left:82px}
    .row-fluid{width:100%;*zoom:1}
    .row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}
    .row-fluid:after{clear:both}
    .row-fluid [class*="span"]{display:block;float:left;/*width:100%;*/min-height:30px;margin-left:0%;*margin-left:0%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .row-fluid [class*="span"]:first-child{}
    .row-fluid .span12{width:100%;*width:99.94680851063829%}
    .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}
    .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}
    .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}
    .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}
    .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}
    .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}
    .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}
    .row-fluid .span4{width:29.491712707182323%;*width:31.43852121782062%}
    .row-fluid .span3{width:33%;*width:22.87498530621841%}
    .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}
    .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}
    .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}
    .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}
    .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}
    .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}
    .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}
    .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}
    .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}
    .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}
    .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}
    .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}
    .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}
    .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}
    .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}
    .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}
    .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}
    .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}
    .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}
    .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}
    .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}
    .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}
    .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}
    .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}
    .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}
    .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}
    input,textarea,.uneditable-input{margin-left:0}
    .controls-row [class*="span"]+[class*="span"]{margin-left:20px}
    input.span12,textarea.span12,.uneditable-input.span12{width:710px}
    input.span11,textarea.span11,.uneditable-input.span11{width:648px}
    input.span10,textarea.span10,.uneditable-input.span10{width:586px}
    input.span9,textarea.span9,.uneditable-input.span9{width:524px}
    input.span8,textarea.span8,.uneditable-input.span8{width:462px}
    input.span7,textarea.span7,.uneditable-input.span7{width:400px}
    input.span6,textarea.span6,.uneditable-input.span6{width:338px}
    input.span5,textarea.span5,.uneditable-input.span5{width:276px}
    input.span4,textarea.span4,.uneditable-input.span4{width:214px}
    input.span3,textarea.span3,.uneditable-input.span3{width:152px}
    input.span2,textarea.span2,.uneditable-input.span2{width:90px}
    input.span1,textarea.span1,.uneditable-input.span1{width:28px}}

@media(max-width:767px){
  body{padding-right:20px;padding-left:20px;background:  url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 90% 0 !important;}
  #main {background: none;}
  .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}
  .container-fluid{padding:0}
  .dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}
  .dl-horizontal dd{margin-left:0}
  .container{width:auto}
  .row-fluid{width:100%}
  .row-fluid .span3{width: 33%; float:left;}
  .row,.thumbnails{margin-left:0}
  .span4{width:100%;}
  .span44{width: 33%; float:left;}
  .span7 {text-align: left;}
  .thumbnails>li{float:none;margin-left:0}
  [class*="span"],.row-fluid [class*="span"]{display:block;/*float:none;width:100%;*/margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{
    display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}
    .controls-row [class*="span"]+[class*="span"]{margin-left:0}
    .modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}
    .modal.fade.in{top:auto}}

@media(max-width:480px){
  .nav-collapse{-webkit-transform:translate3d(0,0,0)}
  .page-header h1 small{display:block;line-height:20px}
  input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}
  .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}
  .form-horizontal .controls{margin-left:0}
  .form-horizontal .control-list{padding-top:0}
  .form-horizontal .form-actions{padding-right:10px;padding-left:10px}
  .modal{top:10px;right:10px;left:10px}
  .modal-header .close{padding:10px;margin:-10px}
  .carousel-caption{position:static}
  .span4 .row .span4{width: 100%;}
  .span4{padding-left: 2%;}
  .span44{width: 100%;padding-top:10px}
  .row-fluid .span3{width: 50%; float:left;}}
  @media(max-width:320px){
  .nav-collapse{-webkit-transform:translate3d(0,0,0)}
  .page-header h1 small{display:block;line-height:20px}
  input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}
  .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}
  .form-horizontal .controls{margin-left:0}
  .form-horizontal .control-list{padding-top:0}
  .form-horizontal .form-actions{padding-right:10px;padding-left:10px}
  .modal{top:10px;right:10px;left:10px}
  .modal-header .close{padding:10px;margin:-10px}
  .carousel-caption{position:static}
  .span4 .row .span4{width: 100%;}
  .span4{padding-left: 2%;}
  .span44{width: 100%;padding-top:10px}
  .row-fluid .span3{width: 95%; float:left;}}


@media(max-width:979px){
  body{padding-top:0;background:  url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 40% 0;}
  .span4{padding-left: 5px;}
  .navbar-fixed-top,.navbar-fixed-bottom{position:static}
  .navbar-fixed-top{margin-bottom:20px}
  .navbar-fixed-bottom{margin-top:20px}
  .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}
  .navbar .container{width:auto;padding:0}
  .navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}
  .nav-collapse{clear:both}
  .nav-collapse .nav{float:none;margin:0 0 10px 10px;}
  .nav-collapse .menu {float:none;margin:0 0 10px 10px;}
  .nav-collapse .nav>li{float:none}
  .nav-collapse .nav>li>a{margin-bottom:2px}
  .nav-collapse .nav>.divider-vertical{display:none}
  .nav-collapse .nav .nav-header{color:#777;text-shadow:none}
  .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{/*padding:9px 15px;*/font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
  .nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
  .nav-collapse .dropdown-menu li+li a{margin-bottom:2px}
  .nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#f2f2f2}
  .navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:#111}
  .nav-collapse.in .btn-group{padding:0;margin-top:5px}
  .nav-collapse .dropdown-menu{
    position:static;top:auto;left:auto;display:block;float:none;max-width:none;padding:0;margin:0 15px;
    background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
  .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}
  .nav-collapse .dropdown-menu .divider{display:none}
  .nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}
  .nav-collapse .navbar-form,.nav-collapse .navbar-search{
    float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}
  .navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}
  .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}
  .nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}
  .navbar .btn-navbar{display:block}
  .navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}

@media(min-width:980px){
      .nav-collapse.collapse{height:auto!important;overflow:visible!important}
}

@media(min-height:900px){
   .span8{min-height: 900px;}
}
@media(min-height:1000px){
   .span8{min-height: 1000px;}
}
@media(min-height:1100px){
   .span8{min-height: 1100px;}
}
@media(min-height:1200px){
   .span8{min-height: 1200px;}
}
@media(min-height:1300px){
   .span8{min-height: 1300px;}
}
@media(min-height:1400px){
   .span8{min-height: 1400px;}
}
@media(min-height:1500px){
   .span8{min-height: 1500px;}
}
.container-fluid{position: relative; min-height: 100%; /*background:  url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 41% 0;*/}
.row-fluid{width:100%;*zoom:1}
.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}
.row-fluid:after{clear:both}
.row-fluid [class*="span"]{display:block;float:left;/*width:100%;*/min-height:40px;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.row-fluid [class*="span"]:first-child{}
.row-fluid .span12{width:100%;*width:99.94680851063829%}
.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}
.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}
.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}
.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}
.row-fluid .span7{width:96%;*width:96%; margin: 1.5%;}
.row-fluid .span6{width:59.717948717948715%;*width:48.664757228587014%; padding: 0 1% 1% 3%;}
.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}
.row-fluid .span4{width:25.623931623931625%;*width:31.570740134569924%}

.row-fluid .span2{width:24.52991452991453%;*width:14.476723040552828%; padding: 2%}
.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}
.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}
.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}
.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}
.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}
.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}
.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}
.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}
.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}
.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}
.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}
.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}
.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}
.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}
.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}
.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}
.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}
.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}
.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}
.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}
.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}
.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}
.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}
.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}
.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}
body { /*background:  url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 56% 0;*/

padding:0;
            margin:0;
            height:100%; /* Задаём 100% высоту для html и body */
            position:relative; /* Если этого не задать, в Опере почему-то футер не прижимается сразу,
            прижимается только после ресайза окна, какой-то странный глюк*/
}
.span8{ background:  #EDEDED; padding-top: 10px; padding-left:10px;}
.span7{ background: #ffffff;text-align: left;}
.span77{width:780px; }
.span66{width:750px;}
.span4{background: #ffffff; padding-top: 15px;/*margin-bottom: -30000px;padding-bottom: 30000px;*/height: 100%;}
.span1{width:70px}
input.input-text, select, textarea {
background: white;
border: 1px solid #999;
}


@media(min-width:980px){
  body { background:  url("{ASSETS_IMAGES_PATH}site_bg.gif") repeat-y 38.5% 0;}
  .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:980px;}
  .span8{ width:742px;}
  .span4{width:228px;/*margin-bottom: -30000px;padding-bottom: 30000px;*/height: 100%;}
  .row-fluid .span3{width:33%;*width:31.570740134569924%}
  .span44{width:228px; padding-top: 15px;}
  .span7{width:800px;}
}


/* Dropdown menu */

.menu_main li {
  position:relative;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
   z-index: 100;
}

.menu_main li ul {
  display:none;
  background:#fff;
  padding:10px 3px;
  text-align:left;
  width:6em;
  -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px;
  -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px;
  box-shadow:rgba(0,0,0,0.2) 0px 4px 6px;
}
.menu_main li ul li {
  display:block;
  margin:0;
  line-height:1.1;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

/* End dropdown menu */

.menu_parent ul {
  display:none;
}

.link_nav {
  display:none;
  color: #bbb;
  background:#EDEDED;
cursor: pointer;
  text-align:left;
  text-decoration:none;
  padding: 5px 5px;
  margin: 5px;
  font-size: 14px;
  font-weight: bold;

}
.link_nav:after {
  position:relative;
  color: #bbb;
  cursor: pointer;
  float: left;
  width: 14px;
    top:0em;
  content:"?";
}
span.icons
{
  cursor: pointer;
}
.icons:after {
  position:absolute;
  color: #bbb;
  cursor: pointer;
  float: left;
  top:0.5em;
  content:"?";
  left: 0px;
}
.selected
{
  color: #666 !important;
}

@media (min-width:768px){
  .menu_main {
  padding-top:10px;
}
  .menu_main > ul {
    background:#fff;
  }
  .menu_main li ul a{
  display:block;
  padding:3px;
}
.menu_main li a{
  display:block;
}
.menu_main li a:hover{
  background:#f1f1f1;
  *background:#f1f1f1;
}
  .menu_main li ul {
    display:none;
    position:static;
    background:#fff;
    padding:0;
    border:0;
    text-align:left;
    width:auto;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    width:auto;
  }
  .menu_main li{
    display:block;
    text-align:left;
    width:auto;
    margin:0;
    line-height:1.2;
  }
  .menu_main li.open:hover{
   background:#fff!important;
  }
  .menu_main li.menu_parent:hover{
   background:#f1f1f1;
  }

  .menu_main li li {
    border:0;
    line-height:1.2;
  }

  .menu_main li a,
  .menu_main li ul a {
    line-height: 24px;
    padding:0px;
    font-weight: bold;
    color: #B2B2B2;
    position: relative;
  }

  .menu_main li ul a {
      padding-left:10px;
  }
  .menu_main li ul a:hover {
    background:transparent;
     background:#f1f1f1;
  }

  .menu_main li ul ul a {
    padding-left:20px;
  }
  .menu_main li ul ul ul a {
    padding-left:30px;
  }
  .menu_main li ul ul ul ul a {
    padding-left:40px;
  }
  .menu_main li ul ul ul ul ul a {
    padding-left:50px;
  }
  .menu_main li ul ul ul ul ul ul a {
    padding-left:60px;
  }
  .menu_main li ul ul ul ul ul ul ul a {
    padding-left:70px;
  }
  .menu_main li ul ul ul ul ul ul ul ul a {
    padding-left:80px;
  }
  .menu_main li ul ul ul ul ul ul ul ul ul a {
    padding-left:90px;
  }
  a.link_nav {
    display:none;
  }

  .js a.link_nav {
    display:none;
  }

  .js .menu_main ul,
  .js .menu_main li:hover ul  {
    /*display:block;*/
  }

  .js .menu_main ul.menu_expanded,
  .js .menu_main li:hover ul.menu_expanded {
    display:block;
  }
  .icons:after {
    display: none;
  position:absolute;
  cursor: pointer;
   color: #bbb;
    right:10px;
    top:0.3em;
  content:"?";
}
  .menu_parent:after {

    position:absolute;
    right:10px;
    top:0.7em;
  }

  .menu_parent_exp:after {
    display: none;
    cursor: pointer;
    color: #bbb;
    content:"?";
    position:absolute;
    right:15px;
    top:0.3em;
  }
  .menu_main ul.desctop_open {display: block !important;}
}

@media (max-width:767px) { /* Smartphone custom styles */
  .menu_main > ul {
    background:#fff;
    margin-left: 10px;
  }

  .menu_main li ul,
  .menu_main li:hover ul {
    display:none;
    position:static;
    background:#fff;
    padding:0;
    border:0;
    text-align:left;
    width:auto;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    width:auto;
  }

  .menu_main li{
    display:block;
    text-align:left;
    width:auto;
    margin:0;
  }
  .menu_main li:hover{
    /*background:#f1f1f1;*/
  }
  .menu_main li.active:hover{
    background:transparent;
  }

  .menu_main li li {
    border:0;
   /* line-height:1.2;
    background:#F9F9F9;*/
  }

  .menu_main li a,
  .menu_main li ul a {
   /* display:block;*/
   line-height:24px;
    padding:0px;
    margin-right:30px;
    font-weight: bold;
    color: #B2B2B2;
    padding-left: 17px;
    position: relative;
  }

  .menu_main li ul li {
      margin-left:10px;
  }
  .menu_main li ul a:hover {
    background:transparent;
  }

  .menu_main li ul ul li {
    margin-left:10px;
  }
  .menu_main li ul ul ul li {
    margin-left:10px;
  }
  .menu_main li ul ul ul ul li {
    margin-left:10px;
  }
  .menu_main li ul ul ul ul ul li {
    margin-left:10px;
  }
  .menu_main li ul ul ul ul ul ul li {
    margin-left:10px;
  }
  .menu_main li ul ul ul ul ul ul ul li {
    margin-left:10px;
  }
  .menu_main li ul ul ul ul ul ul ul ul li {
    margin-left:10px;
  }
  .menu_main li ul ul ul ul ul ul ul ul ul li {
    margin-left:10px;
  }

  a.link_nav {
    display:none;
  }

  .js a.link_nav {
    display:block;
  }

  .js .menu_main ul li.active ul {display: block;}

  .js .menu_main ul,
  .js .menu_main li:hover ul  {
    display: none;
  }
  /*.js .menu_main .open  ul {display: none;}*/

  .js .menu_main ul.menu_expanded,
  .js .menu_main li:hover ul.menu_expanded {
    display:block;
  }

    .menu_parent:after {
    position:absolute;
    right:10px;
    top:0.7em;
  }

  .menu_parent_exp:after {
    color: #bbb;
    cursor: pointer;
    content:"?";
    /*position:absolute;
    width: 14px;*/
    left:0px;
  }
  .menu_main ul.mobile_open {display:block !important;}


}
/* для IE */
.cms-index-index .col-main .products-grid li {*padding: 0;}
.product-box {
*padding: 10px;
*background: #fff;}
.breadcrumbs{padding-bottom: 0px\0/;}
:root .breadcrumbs{padding-bottom: 20px\0/IE9;}
.col-mail{*padding:0px;}
.row{*zoom:1; }
  .row:before,.row:after{*display:table;*line-height:0;*content:""}
  .row:after{clear:both}[class*="span"]{*float:left;*min-height:1px;}
  .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{*width:940px}
  .span12{*width:980px; *margin-left:0px;*position: relative;*overflow:hidden;}
  .span11{*width:940px}
  .span10{*width:900px}
  .span9{*width:870px}
  .span8{*width:702px;}
  .span7{*width:712px;*margin: 10px;;}
  .span6{*width:500px}
  .span5{*width:290px}
  .span44{*width:228px;}
  .span4{*width:228px;}
  .span3{*width:205px;*background: #fff;*height: 348px;*width: 300px;*margin:6px !important; *padding: 0;}
  .span2{*width:170px}
  .span1{*width:120px}
  .row-fluid{*zoom:1;*margin-bottom: 20px;}
  .row-fluid:before,.row-fluid:after{*display:table;*line-height:0;*content:""}
  .row-fluid:after{*clear:both;}
  .row-fluid [class*="span"]{*display:block;*float:left;*width:100%;*min-height:30px;*margin-left:0;}
  .row-fluid [class*="span"]:first-child{}
  .row-fluid .span12{*width:99.94680851063829%:*position: relative;}
  .row-fluid .span11{*width:91.39979996362975%}
  .row-fluid .span10{*width:82.8527914166212%}
  .row-fluid .span9{*width:74.30578286961266%}
  .row-fluid .span8{*width:870px}
  .row-fluid .span7{*width:96%;*padding: 20px 20px 10px 20px;*margin: 1.5%;*position:relative;}
  .row-fluid .span6{*width:48.664757228587014%}
  .row-fluid .span5{*width:40.11774868157847%}
  .row-fluid .span4{*width:31.570740134569924%}
  .row-fluid .span3{*background: #fff;*width: 31%;}
  .row-fluid .span2{*width:14.476723040552828%}
  .row-fluid .span1{*width:5.929714493544281%}
  input,textarea,.uneditable-input{*margin-left:0}
  .controls-row [class*="span"]+[class*="span"]{*margin-left:30px}
  input.span12,textarea.span12,.uneditable-input.span12{*width:1156px}
  input.span11,textarea.span11,.uneditable-input.span11{*width:1056px}
  input.span10,textarea.span10,.uneditable-input.span10{*width:956px}
  input.span9,textarea.span9,.uneditable-input.span9{*width:856px}
  input.span8,textarea.span8,.uneditable-input.span8{*width:756px}
  input.span7,textarea.span7,.uneditable-input.span7{*width:656px}
  input.span6,textarea.span6,.uneditable-input.span6{*width:556px}
  input.span5,textarea.span5,.uneditable-input.span5{*width:456px}
  input.span4,textarea.span4,.uneditable-input.span4{*width:356px}
  input.span3,textarea.span3,.uneditable-input.span3{*width:256px}
  input.span2,textarea.span2,.uneditable-input.span2{*width:156px}
  input.span1,textarea.span1,.uneditable-input.span1{*width:56px}
  .thumbnails{*margin-left: 0px}
  .thumbnails>li{*margin-left: 0px}
  .row-fluid .thumbnails{*margin-left:0}
.menu_main {
  padding-top:10px\9;
}
.menu_main > ul {
  background:#fff\9;
}
.menu_main li ul a{
  display:block\9;
  padding:3px\9;
}
.menu_main li a{
  display:block\9;
}

.menu_main li ul {
  display:none\9;
  position:static\9;
  background:#fff\9;
  padding:0\9;
  border:0\9;
  text-align:left\9;
  width:auto\9;
  width:auto\9;
}
.menu_main li{
  display:block\9;
  text-align:left\9;
  width:auto\9;
  margin:0\9;
}
.menu_main li.open:hover{
background:#fff !important;
}
.menu_main li.menu_parent:hover{
background:#f1f1f1\9;
}
.menu_main li li {
  border:0\9;
}

.menu_main li a,
.menu_main li ul a {
  height: 19px\9;
  padding-top:5px\9;
  padding-bottom:2px\9;
  font-weight: bold\9;
  color: #B2B2B2\9;
  position: relative\9;
}
.menu_main li ul a {
  padding-left:10px\9;
}
.menu_main ul li a:hover {
background:#f1f1f1\9;
}
.menu_main li ul a:hover {
background:#f1f1f1\9;
}

.menu_main li ul ul a {
  padding-left:20px\9;
}
.menu_main li ul ul ul a {
  padding-left:30px\9;
}
.menu_main li ul ul ul ul a {
  padding-left:40px\9;
}
.menu_main li ul ul ul ul ul a {
  padding-left:50px\9;
}
.menu_main li ul ul ul ul ul ul a {
  padding-left:60px\9;
}
.menu_main li ul ul ul ul ul ul ul a {
  padding-left:70px\9;
}
.menu_main li ul ul ul ul ul ul ul ul a {
  padding-left:80px\9;
}
.menu_main li ul ul ul ul ul ul ul ul ul a {
  padding-left:90px\9;
}
a.link_nav {
  display:none\9;
}
.menu_main ul.menu_expanded,
.menu_main li:hover ul.menu_expanded {
  display:block\9;
}
.icons:after {
  display: none\9;
  position:absolute\9;
  cursor: pointer\9;
  color: #bbb\9;
  right:10px\9;
  top:0.3em\9;
  content:"?"\9;
}
.menu_parent:after {
  position:absolute\9;
  right:10px\9;
  top:0.7em\9;
}
.menu_parent_exp:after {
  display: none\9;
  cursor: pointer\9;
  color: #bbb\9;
  content:"?"\9;
  position:absolute\9;
  right:15px\9;
  top:0.3em\9;
}
.menu_main ul.desctop_open {display: block !important;}

В файле HTML найдите
<!-- Каталог товаров -->
                          <div class="menu_main" style="margin-top: -50px;">
поменяйте на
<!-- Каталог товаров -->
                          <div class="menu_main" style="margin-top: -50px;">


Вот это я не понял ) Поменять на тоже самое?

[empty9228]

я изменил сообщение, попробуйте еще раз

[skipperok13]

empty9228 (14 Октябрь 2013 - 14:22) писал:

я изменил сообщение, попробуйте еще раз

Сейчас я нашел и поменял но цвет не изменися

[empty9228]

.menu_main li a {
display: block\9;
}

замените на

.menu_main li a {
display: block\9;
color: rgb(165, 145, 110)!important;
}

[skipperok13]

Все получилось!

Хотелось бы еще разобраться с этим
3.  Тут сделать по 3 категории в строку

[Сake]

Добавьте в ваш файл стилей main.css

.content_catalog_nested_categories li {
	margin: 0.5em 1.4em !important;
	width: 200px !important;
}
.content_catalog_nested_categories li a {
	width: 200px !important;
}

[skipperok13]

Сake (15 Октябрь 2013 - 05:12) писал:

Добавьте в ваш файл стилей main.css

.content_catalog_nested_categories li {
margin: 0.5em 1.4em !important;
width: 200px !important;
}
.content_catalog_nested_categories li a {
width: 200px !important;
}

Все получилось ! Как всегда огрооомное спасибо!)