Сообщений в теме: 24

[emin808]

Добрый день, подскажите пожалуйста , как поменять шрифт нижнего меню , в частности убрать жирное выделение

[Koderhan]

В файле "bootstrap-responsive.min.css".
Найти код:

  .menu_main li a,
  .menu_main li ul a {
	line-height: 24px;
	padding:0px;
	font-weight: bold;
	color: #B2B2B2;
	position: relative;
  }

Заменить:

  .menu_main li a,
  .menu_main li ul a {
	line-height: 24px;
	padding:0px;
	color: #B2B2B2;
	position: relative;
  }

[emin808]

Да, благодарю, все получилось,

Подскажите пожалуйста, как поменять фон нижнего меню при наведении : например цвет: #71A744

[Stasya]

В файле "bootstrap-responsive.min.css" найдите раздел

.menu_main li a:hover{
background:#f1f1f1;
*background:#f1f1f1;
}

и сразу после него вставьте

.menu_main li a:active {background:#f1f1f1;
*background:#f1f1f1;
}

Должно помочь.

[emin808]

Stasya (19 Февраль 2013 - 18:57) писал:

В файле "bootstrap-responsive.min.css" найдите раздел

.menu_main li a:hover{
background:#f1f1f1;
*background:#f1f1f1;
}

и сразу после него вставьте

.menu_main li a:active {background:#f1f1f1;
*background:#f1f1f1;
}

Должно помочь.

Благодарю, реакции нет ...

[Stasya]

В файле "bootstrap-responsive.min.css" найдите раздел

[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif].menu_main ul li a:hover {
background: #f1f1f1\9;}

удалите поcледнюю 9
т.е.

.menu_main ul li a:hover {
background: #f1f1f1;}

[emin808]

Stasya (19 Февраль 2013 - 19:27) писал:

В файле "bootstrap-responsive.min.css" найдите раздел

[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif].menu_main ul li a:hover {
background: #f1f1f1\9;}

удалите поcледнюю 9
т.е.

.menu_main ul li a:hover {
background: #f1f1f1;}

Да, благодарю Вас, все получилось

[emin808]

Koderhan (27 Январь 2013 - 13:01) писал:

В файл "main.csstemplate".
Добавить код:

.hidden-phone {
color: green;
}

Найти код:

.footer ul li a.active {color:#333333;}

Заменить:

.footer ul li a.active {color: #DFAB4F;}

Ту еще одна деталь, по инструкции описанной выше изменил цвет текста при наведении

вставил : .footer ul li a.active {color:#F8F8F8;}

и получается когда захожу в раздел и в меню данный раздел не отображается , т.е он видимо тоже белым цветом стоит , подскажите пожалуйста, как сделать чтоб когда находишься в разделе то раздел отображался черным?!

Возможно есть другой путь как изменить цвет текста при наведении?!

Прикрепленные изображения

• 

[Stasya]

Найдите в файле "main.css" блок

.footer ul li a:hover, .footer ul li a.active {
color: #F8F8F8;
}

и измените на тот цвет, который Вам нужен. Тогда при нажатом пункте меню, цвет текста будет таким как Вы его поставите.

[emin808]

да, благодарю, Я так и сделал, но вот задача встала , когда прохожу одной из ссылке то в меню она тоже светится видимо белым и получается её не видно

Поясню, на скрине отображена страница "Как сделать заказ" находясь на данной странице в меню этот пункт не отображается т.е текст белый и его не видно

Как сделать чтоб текст при нахождении в разделе был виден ?!

Прикрепленные изображения

• 

[Stasya]

Найдите в файле "main.css" блок

.footer ul li a:hover, .footer ul li a.active {
color: #F8F8F8;
}

изменяем на

.footer ul li a:hover {color:#F8F8F8;}
.footer ul li a.active {color: #333333; font-weight:bold;}

текст  будет черным и жирным

[emin808]

Stasya (19 Февраль 2013 - 20:40) писал:

Найдите в файле "main.css" блок

.footer ul li a:hover, .footer ul li a.active {
color: #F8F8F8;
}

изменяем на

.footer ul li a:hover {color:#F8F8F8;}
.footer ul li a.active {color: #333333; font-weight:bold;}

текст  будет черным и жирным

да, благодарю получилось, а когда наводишь опять на этот пункт то цвет так и остается черным , а можно интересно чтоб на белый менялся

Поясню: Вот пройдя например по ссылке в раздел "Ваше участие в краудфандинге" , наводя мышь на этот раздел в меню цвет текста не меняется. (а можно на белый чтоб менялся пожалуйста?!)

[Koderhan]

В файле "bootstrap-responsive.min.css".
Найти код:

.menu_main ul li a:hover {
background:#71A744;
}

Заменить:

.menu_main ul li a:hover {
background:#71A744;
color: white;
}

[emin808]

Koderhan (20 Февраль 2013 - 05:16) писал:

В файле "bootstrap-responsive.min.css".
Найти код:

.menu_main ul li a:hover {
background:#71A744;
}

Заменить:

.menu_main ul li a:hover {
background:#71A744;
color: white;
}

Благодарю, но реакции нет...

[Koderhan]

emin808 (20 Февраль 2013 - 06:04) писал:

Благодарю, но реакции нет...

В файле "bootstrap-responsive.min.css".
Найти код:

.menu_main ul li a:hover {
background:#71A744;
}

Заменить:

.menu_main ul li a:hover {
background:#71A744;
color: white;/*цвет текста*/
}

Пожалуйста, не убирайте изменения. Чтобы мы могли знать причину по которой данный код не работает.

Прикрепленные изображения

• 
• 

[emin808]

да, все получилось   , благодарю вас и последую в будущем Вашим рекомендациям

[ilnarius]

Koderhan (20 Февраль 2013 - 08:18) писал:

В файле "bootstrap-responsive.min.css".
Найти код:

.menu_main ul li a:hover {
background:#71A744;
}

Заменить:

.menu_main ul li a:hover {
background:#71A744;
color: white;/*цвет текста*/
}

Пожалуйста, не убирайте изменения. Чтобы мы могли знать причину по которой данный код не работает.

Как сделать шрифт в меню строгим, убрать слово каталог, и отдалить друг от друга категории в меню?

[Vaccina]

укажите пожалуйста адрес своего сайта или номер аккаунта

[ilnarius]

Vaccina (01 Июнь 2013 - 04:34) писал:

укажите пожалуйста адрес своего сайта или номер аккаунта

SL-171284

[miyako]

ilnarius (01 Июнь 2013 - 22:41) писал:

SL-171284

Найдите код в файле bootstrap-responsive.min.css:

@media (min-width: 768px)
.menu_main li {
display: block;
text-align: left;
width: auto;
margin: 0;
line-height: 1.2;
}

и замените на:

@media (min-width: 768px)
.menu_main li {
display: block;
text-align: left;
width: auto;
margin: 0;
line-height: 2.2;
font-family: Tahoma; 
}

Найдите код в шаблоне HTML:

<!-- Каталог товаров -->
			  <div class="menu_main">
				<span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
				<a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>

и замените на:

<!-- Каталог товаров -->
			  <div class="menu_main">
				<span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>