Иконки на фото из shortstory.tpl

[Michel700 19]

Здравствуйте, сайту уже много лет, но поменял шаблон и хотел добавить иконки на фото из shortstory.tpl, то есть в кратких новостях вот такого типа,

 

 

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

 

Спасибо кто ответит.

[SKYNET74 315]

Как добавили то их?
Если через CSS, то и на старых должно показываться.
Слишком мало подробностей и нет никаких технических данных.

[Michel700 19]

10 часов назад, SKYNET74 сказал:

Как добавили то их?
Если через CSS, то и на старых должно показываться.
Слишком мало подробностей и нет никаких технических данных.

Создал еще шаблон short4-item.tpl с кодом

 

<a class="short4-item" href="{full-link}">
	<div class="short4-img img-box">
		<img src="{image-1}" alt="{title}" />
		<i class="fa fa-play"></i>
	</div>
	<div class="short4-title">
		{title}
	</div>
	<div class="short4-date"><span>{date=d}</span> {date=F Y}</div>
</a>

 

Добавил в запись где будет выводиться иконка

 

<div class="side-item">
						<div class="side-title">Новое Видео</div>
						<div class="side-content">
							{custom category="5" template="short4-item" aviable="global" from="0" limit="4" cache="no"}
						</div>
					</div>

 

А вот собственно и css

 

/* CUSTOM VIDEO
----------------------------------------------- */
.short4-item {display:block; margin-bottom:15px;}
.short4-img {height:140px; overflow:hidden;}
.short4-title {margin-top:5px; color:#444; font-size:13px;}
.short4-item:hover .short4-title {text-decoration:underline;}
.short4-date {margin-top:5px; color:#5c5c5c; font-size:12px;}
.short4-date span {color:#f0261c; margin-right:5px;}
.short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0; bottom:0;}

.fa-play::before {
    content: "";
}
.short4-img i {
    background-color: #f0261c;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    padding: 8px 10px;
    position: absolute;
}

 

Изменено 11 декабря 2016 пользователем Michel700

[SKYNET74 315]

Что то у вас не вяжется совсем, не может оно просто так не выводится.

Изменено 11 декабря 2016 пользователем SKYNET74

[alex32 942]

вот так попробуйте поменять

.short4-item {display:block; margin-bottom:15px;position:relative}
.short4-img {height:140px; position:relative}

.short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0px; bottom:0px;}

и проверьте на всякий случай z-index через консоль
 

[Michel700 19]

В 12.12.2016 в 03:28, alex32 сказал:

вот так попробуйте поменять

.short4-item {display:block; margin-bottom:15px;position:relative}
.short4-img {height:140px; position:relative}

.short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0px; bottom:0px;}

и проверьте на всякий случай z-index через консоль
 

Спасибо, попробую.