[Помогите] FilterPro Mega - отображать значении опции не в столбик, а в строчку

Доброго вечера!
1)Возможно, кто-то уже так делал. Как эти квадратики (значения опций) отображать не столбиком, а строчкой?


2) Кто-нибудь знает аналог

, а то у меня карточка товаров отображается криво( больше всего бесит кнопка не по центру, как изменить не знаю).

 

Так есть CSS там есть описания списка... Убрать Флоад - лефт.

 

2) если только в stylesheet менять button, но как кнопку сделать по центру? float: center нельзя же присвоить.

 

Если на то пошло то не совсем в stylesheet а в filterpro.css и еще filterpro-mega.css ( если используете шаблон мега)

 

float: left нету, только right, причем right в mega отвечает за чистку фильтра
filterpro.css

Код:

#filterpro .option_box {
    border: 1px solid #38B0E3;
    border-radius: 7px;
    display: inline-block;
    margin: 5px;
    min-width: 138px;
    padding: 5px;
    vertical-align: top;
}

#filterpro .price_limit {
    border: 0;
    color: #38B0E3;
    font-weight: bold;
    width: 100%;
}

#filterpro .ui-widget-header {
    background: none repeat scroll 0 0 #38B0E3;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
}

#filterpro select {
    width: 126px;
}

#filterpro .ui-state-hover, #filterpro .ui-state-focus, #filterpro .ui-state-active {
    border: 1px solid #38B0E3;
    background: none repeat scroll 0 0 #d9f2fc;
}

#filterpro .price_slider {
    padding: 5px;
}

#filterpro .price_slider  input {
    width: 40px;
}

#filterpro .option_values {
    padding-top: 5px;
}

#filterpro .option_name, #filterpro .attribute_group_name {
    background: url("../image/filter-bullet-down.png") no-repeat scroll right center transparent;
    cursor: pointer;
    padding: 5px;
}
#filterpro .attribute_group_name{
    padding-left: 0;
}

#filterpro .hided {
    background: url("../image/filter-bullet-up.png") no-repeat scroll right center transparent;
    cursor: pointer;
}

#filterpro_box .clear_filter {
    border-bottom: 1px dashed;
    text-decoration: none;
    float: right;
}

#filterpro .collapsible{
    max-height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
}
#filterpro img {
    cursor: pointer;
    margin: 2px
}

#filterpro img.selected {
    border: 2px solid;
    margin: 0;
}
#column-left + #column-right + #content .product-grid > div.loadmask {
    width: 100%;
}

#filterpro input {
    margin: 4px 3px;
}
#filterpro table{
    margin-bottom: 5px;
}

filterpro-mega.css

Код:

#filterpro_box .box-content {
    padding: 5px;
}
#filterpro_box input {
    margin: 0;
}
#filterpro_box td, #filterpro_box th, #filterpro_box input, #filterpro_box select, #filterpro_box a {
    font-family: 'Amaranth';
}
#filterpro_box a, #filterpro_box a:visited {
    color: #D14747;
}
#filterpro_box .option_box {
    border:1px solid #ccc;
    margin-bottom:10px;
    padding:0 5px;
    border-radius:5px;
}
#filterpro_box .option_box .option_name {
    background:#efefef;
    color:#0C0C0C;
    padding:5px;
    margin-left:-5px;
    margin-right:-5px;
    cursor:pointer;
}
#filterpro_box .option_box table{
    margin-bottom: 5px;
    margin-top: 5px;
}
#filterpro_box input[type="text"] {
    background:#FFF;
    color:#666;
}
#filterpro_box .price_limit {
    border: 0;
    color: #38B0E3;
    font-weight:300;
    width: 60px;
    text-align:center;
}
#filterpro_box .ui-widget-header {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
}
#filterpro_box .ui-state-hover, #filterpro_box .ui-state-focus, #filterpro_box .ui-state-active {
    border: 1px solid #38B0E3;
    background: none repeat scroll 0 0 #d9f2fc;
}
#filterpro_box #slider-range {
    margin:10px 5px;
}
#filterpro_box .min_price_text{
    color:#808080;
}
#filterpro_box label{
    color:#666;
}
#filterpro_box .option_box table tr td{
    padding-right:10px;
}
#filterpro_box a.clear_filter {
    border-bottom: thin dashed;
    text-decoration: none;
    float: right;
}

filterpro-mega.css настраивать, только если тема стоит "мега"?

А у вас шаблон не съезжал от этого модуля? У меня просто родной модуль "Последние" на главной "ахтунгом" полным выводится, и home.tpl ушел влево, причем если отключить "Последние", то home встает на свое место, но модуль "Последние" мне нужен. Получается, что filterpro с этим модулем конфликтует, это можно исправить?

--- Добавлено, 18 ноя 2013 ---

Кстати, когда в категории выбираешь опцию, товары, которые появляются, имеют кнопку "купить справа", как и в модуле "Похожие товары". Как это решить?