Как вывести фото новости разного размера компонентом news.list?

Question

[Андрей Кузнецов]

Уважаемые знатоки битрикса ,вопрос по интеграции верстки в шаблон компонентом news.list.Есть верстка с разными размерами картинки у элемента(см.скрин),.как сделать что-бы картинки у элементов были разного размера .В файле template.php циклом foreach мне удается вывести только один вариант (размер)картинки

Comments

[Ankhena]

Выводите одинаковые по разметке.
Стилями делайте что угодно.

[Андрей Кузнецов]

Ankhena, пробовал nth-child корректно не работает расскажите чуть подробнее какие стили применять?

[Ankhena]

Андрей Кузнецов, сделайте песочницу на codepen.io с тем, что у вас не получается.

[Виктор Таран]

Посмотри как сделано в каталоге, там это еще и вынесено в параметры компанента

[Андрей Кузнецов]

Ankhena,
.newsitem:nth-child(+n+5) {
width: 300px;
}

.newsitem:nth-child(2) {
width: 500px;
} Вот например первый вариант работает второй нет(пробовал и вместе и раздельно),:nth-of-type тоже пробовал - этот подход точно не подойдет

[Ankhena]

Андрей Кузнецов, чтобы узнать что и почему у вас не работает, нужно сделать песочницу.

А не давать стили отдельно от разметки.

[Андрей Кузнецов]

Ankhena, Да разобрался,помог Ваш совет https://ci05319.tmweb.ru/video/