Пробуйте так:
$(".j-block-toggler").click(function(){ if ($(this).find('i').hasClass('fa-chevron-down')) { $(this).find('i').removeClass('fa-chevron-down').addClass('fa-chevron-up'); } else { $(this).find('i').removeClass('fa-chevron-up').addClass('fa-chevron-down'); }});
Этот код должен подключаться после б-ки jQuery
Yurecm, хорошо, делаем УНИВЕРСАЛЬНО:) (почему здесь смайлы такие страшные, ни одной симпатичной мордашки)
Итак, вносим всего несколько изменений в мой предыдущий код:
1. для img-wrap устанавливаем display: inline-block, фиксированную высоту и ширину заменяем на auto
2. для картинки добавила правило display: block, чтоб убрать дефолтный нижний отступ в несколько пикселей.
Вот и всё, результат здесь: https://jsfiddle.net/rqfdh76g/
Можно вот так: https://jsfiddle.net/xdk27u0x/
Хорошая книга - Бен Фрейн "HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств"
чтоб понять, что у вас там происходит, нужно смотреть код.
KitayacVsupez, пробуйте так: nth-child(11n+1) или nth-child(10n+1)
не совсем понятен вопрос
можно ещё сократить li:nth-child(10n)
Если менять картинку через несколько минут - то это слайдер, а часов\дней - попробуйте сделать как в этой статье: http://webformyself.com/kak-sozdat-pereklyuchatel-tablic-stilej-css-orientirovannyj-na-vremya/
WebMaster, попробуйте плагин isotope.
Посмотрите ещё здесь демо.
syrpo, исправляйте меню и всё остальное станет по местам. Последний пункт "Выбрать тему" не помещается, вёрстка и поехала.
Как вариант смените для меню размер шрифта или уменьшайте padding'и.