Проблема с отображением текста поверх изображений в гладкой галерее

Question

У меня проблемы с добавлением текста поверх нескольких изображений в галерее "Slick". Я могу получить текст, который хочу показать на первом изображении галереи, но при добавлении текста на другие слайды они появляются только на первом слайде.

Я использовал следующий css для текста оверлей:

.classTextOver{
  position: absolute;
   font-size: 16px;
   color: white;
   top:60%;
  left:18%;
}

Любая помощь приветствуется.

Фрагмент кода можно найти здесь: https://jsfiddle.net/dkxq3ztg/1/

Answer 1

Этот ответ выглядит так, как будто он может создать другие проблемы для слайд-шоу, но если вы используете относительное позиционирование, вы можете решить проблему с текстом. Замените ваш .ClassTextOver следующим:

.classTextOver {
position: relative;
top: 300px;
font-size: 40px;
color: white;
font-family: 'champion';
font-weight:normal;
left:100px;
}