MrDesigner

Кстати:

А вы решили сделать основным вашим семейным доходом заработок на Дзене???

Никто никого не путал. Атрибут Alt прописывается только для изображений. Всё.

У ссылок нет атрибутов alt.

Пример покажите.

<img title="Image Title" src="image.jpg" width="500" height="500" alt="Image Alt">

Вообще-то для кулинарного сайта есть специально написанная тема Cook It.

Кулинарные рецепты. Качели от 200 до 300+ руб. / сутки

Отписал в личку, спасибо!

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

В хэлпе сказано:

В элементе <ya-unit-category /> класс CSS указывайте не для самого элемента, а для оборачивающего тега. Это нужно, чтобы к метке «Реклама» корректно применялись стили, когда категория отсутствует (не прописана в метатегах рекомендаций или добавлен параметр ad-only ).

Сорри, но в CSS не разбираюсь. Как в данном случае сделать так, чтобы CSS категории к метке "Реклама" не менялся?

Спасибо.

Сейчас HTML такой:

<ya-units-grid target-blank cols="${grid_columns}" rows="${grid_rows}">
    <div class="container">
        <ya-unit-category class="ad-only"/>
        <div class="image">
            <ya-unit-media />
        </div>
        <div class="body">
            <div class="title">
                <ya-unit-title />
            </div>
            <ya-unit-price/>
            <div class="meta">
                <ya-unit-date class="date"/>
                <ya-unit-domain class="domain" />
            </div>
        </div>
    </div>
    <ya-unit-kebab class="ya-unit-kebab_contrast" />
</ya-units-grid>

CSS:

.grid-row {
  margin-top: 10px;
}
.grid-item {
  margin-left: 10px;
}
.unit-wrapper {
  height: 100%;
  box-shadow: inset 0 0 1px 0 #666;
  border-radius: 2px;
  background-color: #fff;
}
.container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.image {
  width: 160px;
  margin-right: 5px;
  flex: 0 0 auto;
}
.title {
  font-family: "Open Sans", Arial, sans-serif;
  color: #000;
  line-height: 18px;
  font-size: 13px;
  font-weight: 500;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 10px;

  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  hyphens: auto;
}
.meta {
  font-family: "Open Sans", Arial, sans-serif;
  text-align: right;
  color: #757575;
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 5px;
}

.ya-unit-price {
  font-family: "Open Sans", Arial, sans-serif;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
}