Как убрать затемнение с изображения «при наведении»?

Question

[sania98rus]

Друзья может кто использовал тему от yootheme?
В двух словах есть "иконка" которая появляется при наведении, помимо этого идет затемнение фона, и вот в чем вопрос, как сделать так чтоб затемнение не касалось этой иконки?
Пример 1 это то что они распространяют в своих виджетах, и то как получается у меня в шаблоне

spoiler

и то как получается у меня в шаблоне

spoiler

прикладываю белый svg

spoiler

т.е. крестик под фоном у меня, а у них он над фоном, хочу сделать как у них. В настройках темы нашел "силу затемнения" и цвет, но вот как "поднять" слой не понимаю. Если кто-то в курсе как это сделать скажите пожалуйста

Comments

[alexalexes]

Подымите z-index-ом вашу иконку повыше.

[sania98rus]

alexalexes, как это можно сделать?

[alexalexes]

Ручками, в файле css вашей темы.

[sania98rus]

alexalexes, это я понимаю, но не понимаю как отделить наложенное изображение от изображения?)
Поясню вот код, допустим как пример,

.tm-logo {
    position: absolute;
    z-index: 9999;
}

Но у меня не .tm-logo, а что? Как называется наложенное изображение?

Как я понял нужно свои правки внести через пользовательские css, но может в самой теме в настройках это делается?

[alexalexes]

Проинспектируйте через панель разработчика браузера F12, где у вас лежит иконка.
Если она выполнена отдельным тегом, то вам повезло, вы можете задать ей отдельный стиль с z-index-ом.
Если и изображение, и иконка нарисованы на канвасе, тогда, то тогда либо искать настройку, либо пытаться разобраться в архитектуре модуля, чтобы внести свои правки, не предусмотренные документацией к этому модулю.

[sania98rus]

alexalexes, если тут поставить галочку на цвет, то на их блоке иконка тоже становится серая, ищу дальше

spoiler

[sania98rus]

alexalexes, идет отдельным блоком после фото

spoiler

[alexalexes]

div.uk-overlay-primary - этот блок отвечает за затемнение.

[sania98rus]

alexalexes, смотрите вот тут применен цвет (прозрачность), если ее снимать то у них в блоке этот крестик тоже темнеет, думаю к моему блоку что-то подобное применить нужно

spoiler

[alexalexes]

Вы блок затемнения нашли, а на чем выполнен крестик - нет.

[sania98rus]

alexalexes, в общем победил таким кодом в дополнительном css

.el-hover-image {
    z-index: 1
}

Крестик сверху, но вопрос может это редактируется в настройках темы? Где по идее это может находится?

spoiler

Answer 1

[sergski]

Технически вам нужно сделать 3 слоя
Верхний слой с крестом, под ним див с заливкой серым и полу-прозрачностью, снизу фото. Все это анимировать по наведению мыши

Comments

[sania98rus]

Это все предусмотрено темой, только нужно именно поднять этот слой