Перейти к содержимому


Изменить Цвет И Шрифт Ссылки В Верхнем Меню


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 Leonid

Leonid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 18 Апрель 2014 - 01:35

Здравствуйте!

Подскажите, пожалуйста, возможно ли поменять цвет и размер шрифта одной ссылки в верхнем меню?

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

  • акции.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 18 Апрель 2014 - 03:24

В шаблоне HTML найдите:
<div style="position:relative; margin-left:-495px; width:800px; left:50%; top: 150px; z-index:14;" class="bar"><ul>
{% FOR menu %}
		 {% FOR header %}
			 {% FOR links %}
			 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			 {% ENDFOR %}
		 {% ENDFOR %}
		 {% ENDFOR %}</ul> </div>

замените на:
<div style="position:relative; margin-left:-495px; width:800px; left:50%; top: 150px; z-index:14;" class="bar"><ul>
{% FOR menu %}
		 {% FOR header %}
			 {% FOR links %}
			 <li
{% IF menu.header.links.NAME=Акции %}class="sale"{% ENDIF %}
><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			 {% ENDFOR %}
		 {% ENDFOR %}
		 {% ENDFOR %}</ul> </div>

далее в main.css добавьте:
.sale a{
color:#232323;
font-size:16px;
}
в стилях подставьте свои значения цвета и размера

#3 Leonid

Leonid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 18 Апрель 2014 - 03:46

Все сделал, ничего не поменялось..

#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 18 Апрель 2014 - 03:54

Проблема возникает из-за переопределения стилей. Необходимо указать приоритет. Найдите в файле стилей main.css ранее добавленный класс

.sale a{
color:#232323;
font-size:16px;
}

и замените его на

.sale a{
  color: #232323 !important;
  font-size: 16px !important;
}


#5 Leonid

Leonid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 18 Апрель 2014 - 04:01

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

#6 Leonid

Leonid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 66 сообщений

Отправлено 27 Январь 2015 - 01:30

Здравствуйте!

Подскажите, пожалуйста, как могу восстановить шрифт верхнего меню?
Файл со шрифтом уже прикреплен к шаблону (LOBSTER.ttf). И верхнее меню уже было в этом шрифте, но потом что то произошло и шрифт слетел.

#7 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 29 Январь 2015 - 16:30

Просмотр сообщенияLeonid (27 Январь 2015 - 01:30) писал:

Здравствуйте!

Подскажите, пожалуйста, как могу восстановить шрифт верхнего меню?
Файл со шрифтом уже прикреплен к шаблону (LOBSTER.ttf). И верхнее меню уже было в этом шрифте, но потом что то произошло и шрифт слетел.
Здравствуйте.
На данный момент в верхнем меню стоит шрифт LOBSTER.
Инструкция по подключению шрифтов ниже
1. Загрузил файлы шрифтов через "Редактор тем" > "Добавить файлы"
2. В конец main.css добавьте
@font-face {
															 font-family: 'antikvar_shadow';
															 src: url('ссылка на шрифт в формате .eot');
															 src: url('ссылка на шрифт в формате.eot') format('embedded-opentype'),
																								 url('ссылка на шрифт в формате.woff') format('woff'),
																								 url('ссылка на шрифт в формате.ttf') format('truetype'),
															 font-weight: normal;
															 font-style: normal;	
							 }
3. В main.css найдите код
.bar ul li a {
display: block;
height: 50px;
line-height: 27px;
font-family: "LOBSTER", sans-serif;
font-style: normal;
font-size: 16px;
color: #c6f1f1;
padding: 16px 8px 0 8px;
text-decoration: none;
}
изменяйте шрифт "LOBSTER" на свой




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных