Jump to content

Featured Replies

Posted
comment_172758

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

comment_172759

через поиск 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;
    }

  • Author
comment_172761

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

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

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

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

найти:
.ipsNavBar_primary > ul

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

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

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

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

найти:
.ipsNavBar_primary > ul

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

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

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

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

круглое

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

или же в .ipsNavBar_primary > ul > li > a
заменить:

line-height: var(--primary-navigation--height);
на:
line-height: 40px;

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

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

или же в .ipsNavBar_primary > ul > li > a
заменить:

line-height: var(--primary-navigation--height);
на:
line-height: 40px;

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

comment_172769

если тема дефолтная, то в:
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);
    }
 

  • Author
comment_172770
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);
    }
 

image.png.8ea9dd2d4b706f9e5894e2da277a1b7a.png уже лучше но пока еще не результатно

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

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

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

comment_172773

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;


результат:
 

321.PNG

  • Author
comment_172774
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;


результат:
 

321.PNG

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.