Не могу разобраться со стилями

[Prophet Of Death 0]

На примере умных часов. У товара есть несколько цветов: Оранжевый, Коричневый, Черный. Активный Оранжевый. Не могу найти где редактируется размер, цвет фона, цвет текста ссылок "Коричневый", "Черный".

Помогите немного разобраться.

[support 447]

В /app/webroot/css/vamshop.css

В самом низу стили:

.attributes li {
    background-color: #fff;
    margin: .5em .5em .5em 0;
    border: 1px solid #eee;
}

.attributes span.active {
    display: block;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border: 1px solid #ff6633;
}

 

[Prophet Of Death 0]

4 часа назад, VaM сказал:

.attributes span.active {
    display: block;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border: 1px solid #ff6633;
}

Этот стиль работает для активного атрибута. На моем примере это для "Оранжевый".

4 часа назад, VaM сказал:

.attributes li {
    background-color: #fff;
    margin: .5em .5em .5em 0;
    border: 1px solid #eee;
}

А этот через этот стиль не получается уменьшить так называемые кнопки "Коричневый" и "Черный". По другому не знаю как их назвать.... Т.е. не получается уменьшить отступы от названия "Коричневый" до края контура.

 

[Prophet Of Death 0]

Кажется разобрался.

.attributes li a {....}

Вот так заработало как надо.

С картинками еще помогите. В карточке товара, основная картинка расположена нормально, а вот дополнительные, которые находятся под основной, съехали влево. Какие стили смотреть?

И еще. Под основную картинку довольно широкое поле выделено. Получается большие белые поля по краям от картинки. Как его уменьшить? Где регулируются размеры этого поля?

[support 447]

Все стили в vamshop.css, код блока картинок в /app/Vendor/smarty/vam_plugins/function.content_images.php

В браузере chrome например используете developer console, смотрите какие стили используются и прописываете свои стили в vamshop.css