OLG-Racing Опубликовано 23 сентября, 2021 Поделиться Опубликовано 23 сентября, 2021 Доброе время суток! Интересует обводка меню (активной страницы). Подскажите пожалуйста как это сделать, шаблон используется default. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 23 сентября, 2021 Поделиться Опубликовано 23 сентября, 2021 через поиск 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 Опубликовано 23 сентября, 2021 Автор Поделиться Опубликовано 23 сентября, 2021 а если именно вот такое? Пытался через border-radius что-то округлить (не округляется так как на фото) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 23 сентября, 2021 Поделиться Опубликовано 23 сентября, 2021 39 минут назад, OLG-Racing сказал: (не округляется так как на фото) чтоб отступы были ещё?найти: .ipsNavBar_primary > ulдобавить: padding: 5px 0; получится: .ipsNavBar_primary > ul{ min-width: 0; flex: 1 1 auto; padding: 5px 0; } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
OLG-Racing Опубликовано 23 сентября, 2021 Автор Поделиться Опубликовано 23 сентября, 2021 4 минуты назад, by_ix сказал: чтоб отступы были ещё?найти: .ipsNavBar_primary > ulдобавить: padding: 5px 0; получится: .ipsNavBar_primary > ul{ min-width: 0; flex: 1 1 auto; padding: 5px 0; } Нет я про само округление (здесь овальное, а у меня круглое выходит) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 23 сентября, 2021 Поделиться Опубликовано 23 сентября, 2021 4 минуты назад, OLG-Racing сказал: круглое чем короче надпись, чем круглее будет. меньше пикселей делайте у радиуса. или же в .ipsNavBar_primary > ul > li > a заменить: line-height: var(--primary-navigation--height);на: line-height: 40px; Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
OLG-Racing Опубликовано 23 сентября, 2021 Автор Поделиться Опубликовано 23 сентября, 2021 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 Опубликовано 23 сентября, 2021 Поделиться Опубликовано 23 сентября, 2021 если тема дефолтная, то в: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 Опубликовано 23 сентября, 2021 Автор Поделиться Опубликовано 23 сентября, 2021 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 Опубликовано 23 сентября, 2021 Поделиться Опубликовано 23 сентября, 2021 2 минуты назад, OLG-Racing сказал: результатно значит меньше 40px делайте. играйте с line-height и border-radius. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
OLG-Racing Опубликовано 23 сентября, 2021 Автор Поделиться Опубликовано 23 сентября, 2021 1 минуту назад, by_ix сказал: значит меньше 40px делайте. играйте с line-height и border-radius. помойму уже совсем не то что-то (меню сужается) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 23 сентября, 2021 Поделиться Опубликовано 23 сентября, 2021 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; результат: OLG-Racing 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
OLG-Racing Опубликовано 23 сентября, 2021 Автор Поделиться Опубликовано 23 сентября, 2021 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; результат: Спасибо большое. by_ix 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.