Добавить класс к миниатюре товара WooCommerce

При всех необходимости, мне не удалось обнаружить способа добавить CSS класс к миниатюре товара WooCommerce стандартными средствами.

Но, использование такого снипета, решает вопрос: Читать далее Добавить класс к миниатюре товара WooCommerce

Как разместить background поверх тега img.

В этой статье описано, как разместить фоновое изображение над изображением заключенное в тег img. Это даже звучит странно, ведь свойство background предназначено, для отображения на фоне всего остального. Такова логика этих вещей и z-index, разумеется, здесь не работает.

Но, в случае когда возникает потребность пренебречь этой логикой и заставить фон выполнять функции изображения сверху — будет использован псевдоэлемент after к которому устанавливается свойство background. Читать далее Как разместить background поверх тега img.

Отображение символов шрифта средствами css.

На мой взгляд изящнее всего подключать символы шрифта именно средствами css, без встраивания в код html. Предположим вы используете в своем дизайне Font Awesome или любой другой шрифт, но я буду описывать именно на его примере. Читать далее Отображение символов шрифта средствами css.