Подчеркните подчеркивание меню Elementor при наведении / выборе - PullRequest
Новая
       26

Подчеркните подчеркивание меню Elementor при наведении / выборе

0 голосов
/ 28 октября 2019

Мне хотелось бы сократить «подчеркивание» в меню заголовка Elementor моего сайта Wordpress: Сокращение подчеркивания заголовка - скриншот

Я использовал этот код для достижения этого (Я скопировал его откуда-то еще): 

.

elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after
{ 
    width: 70%; 
    right: 0; 
    margin: 0 auto; 
}

Вопрос 1: Есть ли более аккуратный / лучший способ добиться того, чего я хочу?

Вопрос 2: Если я полностью удаляю " .elementor-widget-nav-menu .elementor-nav-menu - main: нет (.e - указатель в рамке) .elementor-item: до ", мое подчеркивание до сих пор работает. Зачем мне тогда это в моем коде?

Как всегда, спасибо. Мишель

1 Ответ

0 голосов
/ 31 октября 2019

Ответ 1: Нет другого способа сделать это сейчас.

Ответ 2. Только этот css должен работать нормально, если вы поместите его в виджет меню Nav> Advanced> Custom css tab или в настройщик wp, если вы хотите применить его к любому другому меню навигации по всему сайту 

.e--pointer-underline .elementor-item:after {
width: 50%;
margin: 0 auto;
right: 0;
}

Другой имеющийся у вас css используется для того, чтобы не влиять на другой стиль указателя виджета навигационного меню, такой как опция frame.

...