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

[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