[РЕШЕНО] Выравнивание кнопки "купить" на главной странице

[vjmarcus]

Спасибо, помогло, теперь осталось отцентрировать: картинку с текстом, с ценой и с кнопкой купить.

[putnik]

пасибо, помогло, теперь осталось отцентрировать: картинку с текстом, с ценой и с кнопкой купить.

 

Тогда по другому:

В .box-product > div добавляешь text-align: center;

Это отцентрируешь все, кроме заголовка.

В .box-product .name (! НЕ В .box-product .name a) добавляешь

display: table-cell;vertical-align: middle;height: 40px;

.box-product .name a 

берешь старый и добавляешь:

display: block;text-align: center;

Т.е. будет:

.box-product .name a {color: #38B0E3;font-weight: bold;text-decoration: none;margin-bottom: 4px;display: block;text-align: center;}

[ProfiSale]

подгонял размеры.Т.е. в стилях выставлял расстояния между товарами и самое главное - минимальный размер окна "Рекомендуемые", чтобы как раз 6 товаров убиралось.

[vjmarcus]

Спасибо! Помогло. Сделал как вы сказали:
Добавил в box-product > div

Потом создал box-product .name потому что его не было, туда добавил

display: table-cell;vertical-align: middle;height: 40px;

и в .box-product .name a

color: #38B0E3;font-weight: bold;text-decoration: none;margin-bottom: 4px;display: block;text-align: center;

Все заработало! Ровно стоят, как на параде! ,Искренне благодарю всех, кто помог!

[kiwa]

Спасибо, Aleksey. Сделала по Вашему совету, все получилось. +1

[homak]

Подскажите пожалуйста, в каком блоке выравнивать кнопки и текст в категориях, а не только на главной?

[sonicking]

рано радовался....

[airy]

Вот действующий способ, и не нежно задавать фиксированную величину. Я долго искал, возможно кому-нибудь понадобится

 

http://chikuyonok.ru/2011/04/inline-vertical-align/

[tvzon]

 

Тогда по другому:

В .box-product > div добавляешь text-align: center;

Это отцентрируешь все, кроме заголовка.

В .box-product .name (! НЕ В .box-product .name a) добавляешь

display: table-cell;
vertical-align: middle;
height: 40px;

.box-product .name a 

берешь старый и добавляешь:

display: block;
text-align: center;

Т.е. будет:

.box-product .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
margin-bottom: 4px;
display: block;
text-align: center;
}

Понимаю, что сообщение старое, но все же... у меня ocstore 1.5.5.1.2  

сделал все как описано... не помогло... как решить задачку?

 

вот сайт, 

http://tvzon.ru   

посмотрите, как скачут кнопки. Буду очень благодарен, если поможете выравнить их по горизонтальной линии

[Tom]

catalog/view/theme/default/stylesheet/stylesheet.css

 

найти

.item .name a { color: #404040; font-weight: 600; text-decoration: none; display: block; margin-bottom: 4px; }

заменить на 

.item .name a { color: #404040;font-weight: 600;text-decoration: none;display: table-cell;vertical-align: middle;height: 40px;}

[u1113101]

Не нашёл ответ.

 

Змінено 28 вересня 2020 користувачем u1113101