Помогите пожалуйста изменить шрифт в меню, сделать жирным, расположить по центру и сдвинуть в право. Знаю что css править, но не могу найти где именно. Проинспектировал, но все равно не могу разобраться.
Желательно указать конкретный кусок кода. Заранее спасибо!
Как изменить шрифт в меню
ЕСТЬ РЕШЕНИЕ
ЗАКРЫТО
#1
6 марта 2014 в 17:35
#2
6 марта 2014 в 17:47
Фёдор, ссылку на сайт и конкретные значения форматирования напишите, на сколько пикселей в право?
#3
6 марта 2014 в 17:50
Фёдор, ссылку на сайт и конкретные значения форматирования напишите, на сколько пикселей в право?
сайт вбурятии.рф Хочу выставить все меню ровно посредине, что бы справа и слева одинаковое расстояние было. Шрифт можно такой оставить только сделать пожирнее
Сегодня в 05:57
#4
6 марта 2014 в 17:51
Но что бы не выходило за пределы границы правого сайдбара
#5
6 марта 2014 в 17:57
так как?
#6
6 марта 2014 в 18:02
так как?
во именно так!
#7
6 марта 2014 в 18:04
#8
6 марта 2014 в 18:05
@media (min-width: 768px)
.navbar-nav {
float: right;
margin: 0;
font-weight: bold;
}
.navbar-nav {
float: right;
margin: 0;
font-weight: bold;
}
#9
6 марта 2014 в 18:21
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px)
.navbar-nav {
float: right;
margin: 0;
font-weight: bold;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
Вот так сделал. Правильно? Но жирность не прибавилась!
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px)
.navbar-nav {
float: right;
margin: 0;
font-weight: bold;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
Вот так сделал. Правильно? Но жирность не прибавилась!
#10
6 марта 2014 в 18:22
и вправо не сместилось. Просто по верху и по низу выровнялось как надо
#11
6 марта 2014 в 18:29
у вас подключем bootstrap, поэтому стили нужно дублировать для каждого @media размера
в файле xn--90abta2bmf1h.xn--p1ai/templates/waterwalker/css/bootstrap.css
для класса .navbar-nav{} добавьте float: right; font-weight: bold;
в файле xn--90abta2bmf1h.xn--p1ai/templates/waterwalker/css/bootstrap.css
для класса .navbar-nav{} добавьте float: right; font-weight: bold;
#12
6 марта 2014 в 18:31
Фёдор, у вас там еще в одном месте встречаеться
.navbar-nav {
margin: 7.5px -15px;
}
вот там тоже добавьте
.navbar-nav {
margin: 7.5px -15px;
}
вот там тоже добавьте
#13
7 марта 2014 в 01:10
В этом случае достаточно один раз объявить правило (например, в styles.css):
тем более что идентификатор у вас объявлен но свойсва его не указаны.
Мира вам!
#mainmenu{ font-weight:700 )
Мира вам!
И ещё: Фёдор, я вижу что вопрос центрирования уже решён. Может стоит закрыть тему? Да и об этой не забудьте, пожалуйста…
#15
7 марта 2014 в 06:45
Всем спасибо, помогли! Тема закрыта!