Обводка меню

[OLG-Racing]

Доброе время суток! Интересует обводка меню (активной страницы). Подскажите пожалуйста как это сделать, шаблон используется default.

[by_ix]

через поиск css найти:
.ipsNavBar_primary > ul > li.ipsNavBar_active > a

добавить (нужный цвет):
background-color: #000;

получится:
    .ipsNavBar_primary > ul > li > a:hover,
    .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
        color: rgb( var(--theme-main_nav_font) );
        background-color: #000;
    }

[OLG-Racing]

а если именно вот такое? Пытался через border-radius что-то округлить (не округляется так как на фото)

[by_ix]

39 минут назад, OLG-Racing сказал:

(не округляется так как на фото)

чтоб отступы были ещё?

найти:
.ipsNavBar_primary > ul

добавить:
padding: 5px 0;

получится:
    .ipsNavBar_primary > ul{
        min-width: 0;
        flex: 1 1 auto;
        padding: 5px 0;
    }

[OLG-Racing]

4 минуты назад, by_ix сказал:

чтоб отступы были ещё?

найти:
.ipsNavBar_primary > ul

добавить:
padding: 5px 0;

получится:
    .ipsNavBar_primary > ul{
        min-width: 0;
        flex: 1 1 auto;
        padding: 5px 0;
    }

Нет я про само округление (здесь овальное, а у меня круглое выходит) 

[by_ix]

4 минуты назад, OLG-Racing сказал:

круглое

чем короче надпись, чем круглее будет.
меньше пикселей делайте у радиуса.

или же в .ipsNavBar_primary > ul > li > a
заменить:
line-height: var(--primary-navigation--height);
на:
line-height: 40px;

[OLG-Racing]

1 минуту назад, by_ix сказал:

чем короче надпись, чем круглее будет.
меньше пикселей делайте у радиуса.

или же в .ipsNavBar_primary > ul > li > a
заменить:
line-height: var(--primary-navigation--height);
на:
line-height: 40px;

у меня нет даже такого line-height: var(--primary-navigation--height); 

[by_ix]

если тема дефолтная, то в:
core -> global -> framework -> navigation.css
72 строка.

    .ipsNavBar_primary > ul > li > a {
        font-size: {fontsize="small"};
        color: rgba( var(--theme-main_nav_font), 0.7 );
        padding: 0px 18px;
        line-height: var(--primary-navigation--height);
    }
 

[OLG-Racing]

1 минуту назад, by_ix сказал:

если тема дефолтная, то в:
core -> global -> framework -> navigation.css
72 строка.

    .ipsNavBar_primary > ul > li > a {
        font-size: {fontsize="small"};
        color: rgba( var(--theme-main_nav_font), 0.7 );
        padding: 0px 18px;
        line-height: var(--primary-navigation--height);
    }
 

 уже лучше но пока еще не результатно

[by_ix]

2 минуты назад, OLG-Racing сказал:

результатно

значит меньше 40px делайте.
играйте с line-height и border-radius.

[OLG-Racing]

1 минуту назад, by_ix сказал:

значит меньше 40px делайте.
играйте с line-height и border-radius.

помойму уже совсем не то что-то (меню сужается)

[by_ix]

OLG-Racing форум дайте.

OLG-Racing вы не всё добавили, что я написал.

.ipsNavBar_primary > ul
padding: 5px 0;

.ipsNavBar_primary > ul > li > a:hover, .ipsNavBar_primary > ul > li.ipsNavBar_active > a
border-radius: 30px;

.ipsNavBar_primary > ul > li > a
line-height: 35px;

результат:
 

[OLG-Racing]

18 минут назад, by_ix сказал:

OLG-Racing форум дайте.

OLG-Racing вы не всё добавили, что я написал.

.ipsNavBar_primary > ul
padding: 5px 0;

.ipsNavBar_primary > ul > li > a:hover, .ipsNavBar_primary > ul > li.ipsNavBar_active > a
border-radius: 30px;

.ipsNavBar_primary > ul > li > a
line-height: 35px;

результат:
 

Спасибо большое.