Ширина Блока С Названием Товара

Разработчикам Общение разработчиков
1

Добрый день!

Подскажите, пожалуйста, как увеличить ширину блока с названием товара в списке товаров на витрине, чтобы он был такой же ширина как иконка товара.imag2.jpg

2

Добрый день!

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

Изображение не прикрепилось.

3

Добрый день!

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

Ну а так, на отображение "Список", на странице категории ширина блока равна ширине блока с картинкой.
Иногда может слово переносится так, что создается впечатление, что не во всю ширину. Чтобы растянуть название по всей ширине, попробуйте этот CSS код.

.ty-grid-list__item-name .product-title{
text-align:justify;
}
4

Ну а так, на отображение "Список", на странице категории ширина блока равна ширине блока с картинкой.
Иногда может слово переносится так, что создается впечатление, что не во всю ширину. Чтобы растянуть название по всей ширине, попробуйте этот CSS код.

.ty-grid-list__item-name .product-title{
text-align:justify;
}

В том то и дело, что ширина блока с названием товара не равна ширине иконки.

Попробовал предложенные вами изменения.

Не помогло.

Вот что получилось:


В онлайн демо, кстати, тоже тестировал.

И там такая же проблема – очень узкий блок с названием товара.

5

Попробуйте

.ty-grid-list__item-name {
    max-width: none;
}
6

Попробуйте

.ty-grid-list__item-name {
    max-width: none;
}

Ничего не поменялось.

Попробовал ещё

width: 150%;

Тоже не помогает(

7

Попробуйте кэш почистить. Должно сработать

http://prntscr.com/d15aoh

8

Ничего не поменялось.

Попробовал ещё

width: 150%;

Тоже не помогает(

Попробуйте так.

.grid-list .ty-grid-list__item-name{
max-width:none;
}

Данный код на тестовом применялся корректно. Если не получилось, то скиньте ссылочку на сайт. Посмотрим.

9

Попробуйте

.ty-grid-list__item-name {
    max-width: none;
}

Вот я нуб!

Утром пробовал в styles.less – не работало. Кэш, конечно же ,чистил.

Вечером попробовал через "Редактор тем > пользовательские CSS" – получилось.

Спасибо большое!

Попробуйте так.

.grid-list .ty-grid-list__item-name{
max-width:none;
}

Данный код на тестовом применялся корректно. Если не получилось, то скиньте ссылочку на сайт. Посмотрим.

Спасибо!

10

Вот я нуб!

Утром пробовал в styles.less – не работало. Кэш, конечно же ,чистил.

Вечером попробовал через "Редактор тем > пользовательские CSS" – получилось.

Спасибо большое!

Рады были помочь!