Прописала свой стиль для карточки товара в virtuemart, но никак не могу отцентрировать изображение. Пробовала и margin 0 auto и allign: center. Млжно, конечно, подкорректировать карточки в данном случае через padding, но если отображать товары списком по 3 - изображение смещается. Есть ли какой-нибудь выход.
Стиль для внешнего вида карточки: .body_vm1 { margin: 0 auto; width: 90%; min-height: 480px; -webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6); -moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6); / box-shadow: 7px 7px 5px rgba(0,0,0,0.6); / padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #d7a9d4; } Стиль для изображения: .width_img{ position: relative; margin: 0 60px; width:150%; } При данных значениях margin: 0 60px; - боле менее по центру изображение ставит для двух карточек. Странно, что все остальные блоки, заголовок, краткое описание - центрируются через text-allign: center, а изображение ну никак не центрируется.
