Всем привет. Комплексный компонент каталог. Вывожу оттуда топ-4 элемента. Горизонтально.
Слишком большие размеры. Как можно изменить? Если убираю рамку и паддинг, съезжает и текст в след за рамкой.
Подскажите как сделать грамотно?
Заранее спасибо.
P.S: Прежде чем идти на тостер, гуглил триста раз.
По коду выглядит так:
<div class="bx_catalog_item_container" id="bx_2662763187_16">
<a id="bx_2662763187_16_pict" href="/?SECTION_ID=1&ELEMENT_ID=16" class="bx_catalog_item_images" style="background-image: url('/upload/iblock/5b4/5b49b38ce05a355e789ad73175582804.jpg')" title="Холодный склад">
</a>
.bx_catalog_top_home .bx_catalog_item_images_double, .bx_catalog_top_home .bx_catalog_item_images {
position: relative;
z-index: 910;
display: block;
padding-top: 135%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}