Posted 23 сентября, 20213 yr comment_172758 Доброе время суток! Интересует обводка меню (активной страницы). Подскажите пожалуйста как это сделать, шаблон используется default.
23 сентября, 20213 yr 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; }
23 сентября, 20213 yr Author comment_172761 а если именно вот такое? Пытался через border-radius что-то округлить (не округляется так как на фото)
23 сентября, 20213 yr comment_172765 39 минут назад, OLG-Racing сказал: (не округляется так как на фото) чтоб отступы были ещё?найти: .ipsNavBar_primary > ulдобавить: padding: 5px 0; получится: .ipsNavBar_primary > ul{ min-width: 0; flex: 1 1 auto; padding: 5px 0; }
23 сентября, 20213 yr 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; } Нет я про само округление (здесь овальное, а у меня круглое выходит)
23 сентября, 20213 yr comment_172767 4 минуты назад, OLG-Racing сказал: круглое чем короче надпись, чем круглее будет. меньше пикселей делайте у радиуса. или же в .ipsNavBar_primary > ul > li > a заменить: line-height: var(--primary-navigation--height);на: line-height: 40px;
23 сентября, 20213 yr 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);
23 сентября, 20213 yr 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); }
23 сентября, 20213 yr 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); } уже лучше но пока еще не результатно
23 сентября, 20213 yr comment_172771 2 минуты назад, OLG-Racing сказал: результатно значит меньше 40px делайте. играйте с line-height и border-radius.
23 сентября, 20213 yr Author comment_172772 1 минуту назад, by_ix сказал: значит меньше 40px делайте. играйте с line-height и border-radius. помойму уже совсем не то что-то (меню сужается)
23 сентября, 20213 yr comment_172773 OLG-Racing форум дайте. OLG-Racing вы не всё добавили, что я написал. .ipsNavBar_primary > ul padding: 5px 0; .ipsNavBar_primary > ul > li > a:hover, .ipsNavBar_primary > ul > li.ipsNavBar_active > aborder-radius: 30px; .ipsNavBar_primary > ul > li > a line-height: 35px; результат:
23 сентября, 20213 yr 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 > aborder-radius: 30px; .ipsNavBar_primary > ul > li > a line-height: 35px; результат: Спасибо большое.
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.