Рейтинг, автор и дата в списке видны только при наведении мыши

InstantCMS 2.X
#1 26 января 2020 в 12:07
Если выбрать режим отображения контента плиткой, то рейтинг, автор и дата в списке видны только при наведении курсора мыши. Я покопался в CSS и не соображу никак — как сделать, чтобы эти пункты были видны всегда, а не только при наведении курсором мыши.
Если кто-то знает решение — подскажите, пожалуйста.
#2 26 января 2020 в 12:12
ну вы бы хоть скрин прикрепили, а лучше ссылку на проблемную страницу, а иначе только догадки строить
#3 26 января 2020 в 12:15
Да все просто.
/templates/default/css/theme-content.css
  1.  
  2. .content_list.tiled .info_bar { font-size: 12px; color: #7f8c8d; opacity: 0; transition: all 0.5s ease; }
  3. .content_list.tiled .tile:hover .info_bar { opacity: 1; }
  4.  
Поменяйте на свой вкус. Или сразу так...
  1.  
  2. .content_list.tiled .info_bar { font-size: 12px; color: #7f8c8d; opacity: 1; transition: all 0.5s ease; }
  3. /*.content_list.tiled .tile:hover .info_bar { opacity: 1; }*/
  4.  
#4 26 января 2020 в 12:16


ну вы бы хоть скрин прикрепили, а лучше ссылку на проблемную страницу, а иначе только догадки строить

Timmy
Прикрепленный файл
0001_0d10f.png 78 Кб
#5 26 января 2020 в 12:22


Да все просто.
/templates/default/css/theme-content.css

  1.  
  2. .content_list.tiled .info_bar { font-size: 12px; color: #7f8c8d; opacity: 0; transition: all 0.5s ease; }
  3. .content_list.tiled .tile:hover .info_bar { opacity: 1; }
  4.  
Поменяйте на свой вкус. Или сразу так...
  1.  
  2. .content_list.tiled .info_bar { font-size: 12px; color: #7f8c8d; opacity: 1; transition: all 0.5s ease; }
  3. /*.content_list.tiled .tile:hover .info_bar { opacity: 1; }*/
  4.  

Дмитрий Баринов

Не помогло. Вообще блок перестал отображаться.
#6 26 января 2020 в 12:25

Не помогло

ermakover
Магия прямо! На дефолтном работает как и просили.
Может вы не заметили — .content_list.tiled .info_bar { font-size: 12px; color: #7f8c8d; opacity: 1; transition: all 0.5s ease; }
#7 26 января 2020 в 12:40


Не помогло

ermakover
Магия прямо! На дефолтном работает как и просили.
Может вы не заметили — .content_list.tiled .info_bar { font-size: 12px; color: #7f8c8d; opacity: 1; transition: all 0.5s ease; }

Дмитрий Баринов
Да, не заметил добавленное: opacity: 1;

Теперь всё, как надо. Спасибо Вам!
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.