[Помогите] FilterPro CSS

Тема в разделе "OpenCart", создана пользователем Vintage, 3 авг 2013.

  1. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    238
    Симпатии:
    39
    [​IMG]
    Что надо поменять в CSS чтоб краи прокрутки не скрывались, а были как на втором изображении?
     
  2. nix

    nix php, MySQL, UNIX, MikroTik ROSAPI

    Регистрация:
    16 янв 2013
    Сообщения:
    1.000
    Симпатии:
    890
    адрес сайта какой? под хайд
     
  3. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    238
    Симпатии:
    39
     
  4. BartyHan

    BartyHan

    Регистрация:
    22 мар 2013
    Сообщения:
    11
    Симпатии:
    8
    В файле: catalog/view/theme/default/stylesheet/filterpro.css 35 строчка можно изменить:
    Код:
    #filterpro .price_slider {
    	padding: 5px;
    }
    на
    Код:
    #filterpro .price_slider {
    	padding: 8px;
    }
    Можно так сделать.
     
    Vintage нравится это.
  5. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    238
    Симпатии:
    39
    Помогло, а как еще эту строчку уменьшать или увеличивать?
     
  6. BartyHan

    BartyHan

    Регистрация:
    22 мар 2013
    Сообщения:
    11
    Симпатии:
    8
    В файле catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css строчка 463:
    Код:
    .ui-slider-horizontal {
    	height: 0.8em;
    }
    изменить как удобно, играйтесь, например:
    .ui-slider-horizontal {
    height: 0.5em;
    }
    Главное помнить что это НЕ пиксели!!!
     
  7. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    238
    Симпатии:
    39
    Мне надо было скролл с прокруткой растянуть по длине, а этот способ поднимает его вверх вниз
     
  8. BartyHan

    BartyHan

    Регистрация:
    22 мар 2013
    Сообщения:
    11
    Симпатии:
    8
    За размер по горизонтали в файле catalog/view/theme/default/stylesheet/filterpro.css 71 строчка:
    Код:
    #filterpro .collapsible {
    	max-height: 120px;
    	overflow-x: hidden;
    	overflow-y: auto;
    }
    добавить например 200 пикселей ширины:
    Код:
    #filterpro .collapsible {
    	max-height: 120px;
    	overflow-x: hidden;
    	overflow-y: auto;
       width: 200px;
    }
     
    Vintage нравится это.