Решено Текст пропадает при наведении

[Morazm]

как сделать шоб текст "пользователи" не пропадал при наведении
вот при наведение у меня как должно быть

 

[pivnoy]

как сделать шоб текст "пользователи" не пропадал при наведении
вот при наведение у меня Посмотреть вложение 26625 как должно быть Посмотреть вложение 26626

*** Скрытый текст не может быть процитирован. ***

эффект при наведении поменяй.

 

[Morazm]

где

 

[пи диддии]

<div style="background-image: url('https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif');              background-size: cover;              background-position: center;              color: transparent;              -webkit-background-clip: text;              background-clip: text;              -webkit-text-fill-color: transparent;              text-shadow: none;">     <span class="polzauser-icon"></span><b>https://media3.giphy.com/media/Пользователи</b> </div>  <style> .polzauser-icon::before {     content: "\f406";     font-family: 'Font Awesome 5 Pro';     font-weight: 900;     display: inline-block;     background-image: url('https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif');     background-size: cover;     background-position: center;     color: transparent;     -webkit-background-clip: text;     background-clip: text;     -webkit-text-fill-color: transparent;     text-shadow: none;     padding-right: 5px; } </style>

 

[Morazm]

<div style="background-image: url('https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif');              background-size: cover;              background-position: center;              color: transparent;              -webkit-background-clip: text;              background-clip: text;              -webkit-text-fill-color: transparent;              text-shadow: none;">     <span class="polzauser-icon"></span><b>https://media3.giphy.com/media/Пользователи</b> </div>  <style> .polzauser-icon::before {     content: "\f406";     font-family: 'Font Awesome 5 Pro';     font-weight: 900;     display: inline-block;     background-image: url('https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif');     background-size: cover;     background-position: center;     color: transparent;     -webkit-background-clip: text;     background-clip: text;     -webkit-text-fill-color: transparent;     text-shadow: none;     padding-right: 5px; } </style>

? как и куда именно

 

[пи диддии]

вот код вставь туда куда надо и дай такой же пожалуйста

---

.canvas-style(@canvas-id; @color; @fa-uid; @Shadow: @color; @bg: false) when (@bg = false)

{
.offCanvasMenu-link[data-nav-id="@{canvas-id}"]:before
{
.m-faBase(@weight: 900);
content: "\@{fa-uid}";
margin-right: 3px;
color: @color;
}

.offCanvasMenu-link[data-nav-id="@{canvas-id}"]
{
font-weight: bold;
color: @color !important;
text-shadow: 1px 1px 10px @Shadow;
}

.p-nav .p-navEl-link[data-nav-id="@{canvas-id}"]
{
font-weight: bold;
color: @color !important;
text-shadow: 1px 1px 10px @Shadow;
}

.p-nav .p-navEl-link[data-nav-id="@{canvas-id}"]:before
{
.m-faBase(@weight: 900);
content: "\@{fa-uid}";
margin-right: 6px;
color: @color !important;
}
}

.canvas-style(@canvas-id; @color; @fa-uid; @Shadow: @color; @bg: false) when not (@bg = false)
{
.offCanvasMenu-link[data-nav-id="@{canvas-id}"]:before
{
.m-faBase(@weight: 900);
content: "\@{fa-uid}";
margin-right: 3px;
background-image: url(@bg);
background-size: cover;
background-position: center;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: none;
}

.offCanvasMenu-link[data-nav-id="@{canvas-id}"]
{
font-weight: bold;

background-image: url(@bg);
background-size: cover;
background-position: center;
color: transparent !important;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: none;
}

.p-nav .p-navEl-link[data-nav-id="@{canvas-id}"]
{
font-weight: bold;
background-image: url(@bg);
background-size: cover;
background-position: center;
color: transparent !important;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: none;
}

.p-nav .p-navEl-link[data-nav-id="@{canvas-id}"]:before
{
.m-faBase(@weight: 900);
content: "\@{fa-uid}";
margin-right: 6px;

background-image: url(@bg);
background-size: cover;
background-position: center;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: none;
}

.p-nav .p-navEl-link[data-nav-id="@{canvas-id}"] + .p-navEl-splitTrigger
{
background-image: url(@bg);
background-size: cover;
background-position: center;
color: transparent !important;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: none;
}
}

.canvas-style(home; orange; f015);
.canvas-style(forums; orange; f086);
.canvas-style(whatsNew; orange; f0e7);
.canvas-style(pravila; orange; f071);
.canvas-style(shop; orange; f51e);
.canvas-style(members; #fff; f0c0; #fff; "https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif");

Это вообще не екстра лесс а навигации

 

[Kolpak]

вот при наведение у меня

Панель управления - Внешний вид - Настройки стиля - Шапка и навигация - Навигация - вкладка при наведении. В фоне (background) убрать цвет (color)