Изменить размер образца цвета на странице товара (default-bootstrap)

[undertalk]

Приветствую!

столкнулся с трудностью, размер превьюшки цвето товара на странице очень маленький, а при правке только product.css - они залазят друг на друга.

Подскажите, как их увеличить в 2 раза, что б не испортить отображение?

фрагмент, product.css что пробовал править.

media="all"
#attributes .attribute_list #color_to_pick_list li a.color_pick {
display: block;
height: 22px;
width: 22px;
cursor: pointer;
}

[undertalk]

разобрался)

если кому интересно - вот примерно такой код вышел у меня:

Код Выделить Развернуть

#attributes .attribute_list #color_to_pick_list li {
      float: left;
      margin: 0 3px 3px 0;
      padding: 1px;
      border: 1px solid #d6d4d4;
      width: 45px;
      height: 45px;
      clear: none; }
      #attributes .attribute_list #color_to_pick_list li a.color_pick {
        display: block;
        height: 41px;
        width: 41px;
        cursor: pointer; }
      #attributes .attribute_list #color_to_pick_list li.selected {
        border: 1px solid #4d4d4d; }
      #attributes .attribute_list #color_to_pick_list li a.color_pick img {
        display: block;
        height: 41px;
        width: 41px; }